@code0-tech/pictor 0.0.0-mvp.14 → 0.0.0-mvp.16

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

@@ -1,79 +1,16 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import b from "react";
-import { Card as j } from "../card/Card.js";
-import { Text as t } from "../text/Text.js";
-import { useStore as c, useService as a } from "../../utils/contextStore.js";
-import { DOrganizationReactiveService as g } from "./DOrganization.service.js";
-import { IconFolder as $, IconUser as k, IconServer as D, IconSettings as L, IconLogout as R } from "@tabler/icons-react";
-import { Flex as i } from "../flex/Flex.js";
-import { Button as d } from "../button/Button.js";
-import { DNamespaceReactiveService as h } from "../d-namespace/DNamespace.service.js";
-import { DNamespaceLicenseReactiveService as y } from "../d-namespace/license/DNamespaceLicense.service.js";
-import { Spacing as B } from "../spacing/Spacing.js";
-import { Avatar as w } from "../avatar/Avatar.js";
-const K = (u) => {
-  const {
-    organizationId: o,
-    onSettingsClick: f = () => {
-    },
-    onLeaveClick: z = () => {
-    }
-  } = u, S = c(g), v = a(g), x = c(h), C = a(h), I = c(y);
-  a(y);
-  const n = v.getById(o);
-  if (!n?.namespace?.id) return;
-  const s = C.getById(n?.namespace?.id), m = n?.namespace?.projects?.count, l = s?.members?.count, p = s?.runtimes?.count;
-  return b.useMemo(() => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(i, { align: "center", style: {
-    gap: "1.3rem"
-  }, justify: "space-between", children: [
-    /* @__PURE__ */ r(i, { align: "center", style: {
-      gap: "1.3rem"
-    }, children: [
-      /* @__PURE__ */ e(w, { bg: "transparent", identifier: n?.name ?? "" }),
-      /* @__PURE__ */ r(i, { style: {
-        flexDirection: "column"
-      }, children: [
-        /* @__PURE__ */ e(t, { size: "lg", hierarchy: "primary", display: "block", children: n?.name }),
-        /* @__PURE__ */ e(B, { spacing: "xxs" }),
-        /* @__PURE__ */ r(i, { align: "center", style: {
-          gap: "1.3rem",
-          flexWrap: "wrap"
-        }, children: [
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e($, { size: 18 }),
-            /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${m ?? 0} project${(m ?? 0) !== 1 ? "s" : ""}` })
-          ] }),
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e(k, { size: 18 }),
-            /* @__PURE__ */ r(t, { size: "xs", hierarchy: "tertiary", children: [
-              " ",
-              `${l ?? 0} member${(l ?? 0) !== 1 ? "s" : ""}`
-            ] })
-          ] }),
-          /* @__PURE__ */ r(i, { align: "center", style: {
-            gap: "0.35rem"
-          }, children: [
-            /* @__PURE__ */ e(D, { size: 18 }),
-            /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${p ?? 0} runtime${(p ?? 0) !== 1 ? "s" : ""}` })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r(i, { align: "center", style: {
-      gap: "0.35rem"
-    }, children: [
-      /* @__PURE__ */ e(d, { color: "secondary", onClick: () => f(o), children: /* @__PURE__ */ e(L, { size: 16 }) }),
-      /* @__PURE__ */ r(d, { color: "error", onClick: () => z(o), children: [
-        /* @__PURE__ */ e(R, { size: 16 }),
-        " Leave"
-      ] })
-    ] })
-  ] }) }), [S, x, I]);
+import { jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { Card as s } from "../card/Card.js";
+import { DOrganizationContent as c } from "./DOrganizatonContent.js";
+const g = (a) => {
+  const o = m.c(4), {
+    organizationId: r,
+    onLeave: n,
+    onSetting: i
+  } = a;
+  let t;
+  return o[0] !== n || o[1] !== i || o[2] !== r ? (t = /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { onLeave: n, onSetting: i, organizationId: r }) }), o[0] = n, o[1] = i, o[2] = r, o[3] = t) : t = o[3], t;
 };
 export {
-  K as default
+  g as default
 };

package/dist/components/d-organization/DOrganizationList.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+import { DOrganizationView } from './DOrganization.view';
+import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+export interface DOrganizationListProps extends Omit<Card, "children"> {
+    filter?: (organizations: DOrganizationView, index: number) => boolean;
+    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
+}
+export declare const DOrganizationList: React.FC<DOrganizationListProps>;

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

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import d from "react";
+import { Card as f } from "../card/Card.js";
+import { useService as u, useStore as S } from "../../utils/contextStore.js";
+import "merge-props";
+import { DOrganizationReactiveService as t } from "./DOrganization.service.js";
+import g from "../card/CardSection.js";
+import { DOrganizationContent as v } from "./DOrganizatonContent.js";
+const R = (i) => {
+  const e = u(t), n = S(t), a = d.useMemo(() => e.values(), [n]), {
+    filter: m = () => !0,
+    onLeave: c,
+    onSetting: s,
+    ...p
+  } = i;
+  return /* @__PURE__ */ o(f, { ...p, children: a.filter(m).map((r) => r.id && /* @__PURE__ */ o(g, { border: !0, children: /* @__PURE__ */ o(v, { onLeave: c, onSetting: s, organizationId: r?.id }) }, r.id)) });
+};
+export {
+  R as DOrganizationList
+};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../utils';
+import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
+    organizationId: Scalars['OrganizationID']['output'];
+    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
+}
+export declare const DOrganizationContent: React.FC<DOrganizationCardProps>;

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

@@ -0,0 +1,82 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { useStore as s, useService as a } from "../../utils/contextStore.js";
+import "merge-props";
+import { Text as m } from "../text/Text.js";
+import { DOrganizationReactiveService as S } from "./DOrganization.service.js";
+import { IconFolder as O, IconUser as k, IconServer as L, IconSettings as N, IconLogout as w } from "@tabler/icons-react";
+import { Flex as i } from "../flex/Flex.js";
+import { Button as f } from "../button/Button.js";
+import { Spacing as F } from "../spacing/Spacing.js";
+import { Avatar as T } from "../avatar/Avatar.js";
+import { DUserReactiveService as v } 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 "@radix-ui/react-dropdown-menu";
+/* empty css                      */
+import { useUserSession as W } from "../d-user/DUser.session.hook.js";
+import { Badge as p } from "../badge/Badge.js";
+import { DNamespaceReactiveService as z } from "../d-namespace/DNamespace.service.js";
+import { DNamespaceMemberReactiveService as b } from "../d-member/DNamespaceMember.service.js";
+const se = (x) => {
+  const {
+    organizationId: o,
+    onLeave: I = () => {
+    },
+    onSetting: M = () => {
+    }
+  } = x, j = s(S), B = a(S), C = s(z), D = a(z), $ = s(b), A = a(b), R = a(v), U = s(v), d = W(), l = c.useMemo(() => R.getById(d?.user?.id), [U, d]), n = c.useMemo(() => o ? B.getById(o) : null, [j, o]), t = c.useMemo(() => n ? D.getById(n.namespace?.id) : null, [C, n]), u = c.useMemo(() => t && l ? A.getByNamespaceIdAndUserId(t.id, l.id) : null, [$, t, l]), g = t?.projects?.count, y = t?.members?.count, h = t?.runtimes?.count;
+  return /* @__PURE__ */ r(i, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ r(i, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ e(T, { bg: "transparent", identifier: n?.name ?? "" }),
+      /* @__PURE__ */ r(i, { style: {
+        flexDirection: "column"
+      }, children: [
+        /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: n?.name }),
+        /* @__PURE__ */ e(F, { spacing: "xxs" }),
+        /* @__PURE__ */ r(i, { align: "center", style: {
+          gap: "0.35rem",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ e(p, { color: "secondary", children: /* @__PURE__ */ r(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(O, { size: 16 }),
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${g ?? 0} project${(g ?? 0) !== 1 ? "s" : ""}` })
+          ] }) }),
+          /* @__PURE__ */ e(p, { color: "secondary", children: /* @__PURE__ */ r(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(k, { size: 16 }),
+            /* @__PURE__ */ r(m, { size: "xs", hierarchy: "tertiary", children: [
+              " ",
+              `${y ?? 0} member${(y ?? 0) !== 1 ? "s" : ""}`
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(p, { color: "secondary", children: /* @__PURE__ */ r(i, { align: "center", style: {
+            gap: "0.35rem"
+          }, children: [
+            /* @__PURE__ */ e(L, { size: 16 }),
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} runtime${(h ?? 0) !== 1 ? "s" : ""}` })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(i, { align: "center", style: {
+      gap: "0.35rem"
+    }, children: [
+      n?.userAbilities?.deleteOrganization || n?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(f, { color: "secondary", onClick: () => M(o), children: /* @__PURE__ */ e(N, { size: 16 }) }) : null,
+      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ r(f, { color: "error", onClick: () => I(o), children: [
+        /* @__PURE__ */ e(w, { size: 16 }),
+        " Leave"
+      ] }) : null
+    ] })
+  ] });
+};
+export {
+  se as DOrganizationContent
+};

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

@@ -1,4 +1,5 @@
 export * from './DOrganization.service';
 export * from './DOrganization.view';
 export * from './DOrganizationCard';
+export * from './DOrganizationList';
 export * from './DOrganizationMenu';

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

@@ -1,12 +1,12 @@
 import { DOrganizationReactiveService as w } from "./DOrganization.service.js";
-import { DOrganizationView as S } from "./DOrganization.view.js";
+import { DOrganizationView as R } from "./DOrganization.view.js";
 import "react/jsx-runtime";
-import "react";
 import "../../_virtual/compiler-runtime.js";
-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/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";
-/* empty css                      */
 import "../../utils/contextStore.js";
+/* empty css                      */
 import "@tabler/icons-react";
 /* empty css                      */
 import "../button/Button.js";
@@ -15,7 +15,10 @@ import "js-md5";
 /* empty css                          */
 /* empty css                      */
 import "@radix-ui/react-dropdown-menu";
+/* empty css                        */
+import { DOrganizationList as V } from "./DOrganizationList.js";
 export {
+  V as DOrganizationList,
   w as DOrganizationReactiveService,
-  S as DOrganizationView
+  R as DOrganizationView
 };

package/dist/components/{d-namespace/project → d-project}/DNamespaceProject.service.d.ts

@@ -1,6 +1,6 @@
 import { NamespaceProject, NamespacesProjectsAssignRuntimesInput, NamespacesProjectsAssignRuntimesPayload, NamespacesProjectsCreateInput, NamespacesProjectsCreatePayload, NamespacesProjectsDeleteInput, NamespacesProjectsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
 import { DNamespaceProjectView } from './DNamespaceProject.view';
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 export declare abstract class DNamespaceProjectReactiveService extends ReactiveArrayService<DNamespaceProjectView> {
     getById(id: NamespaceProject['id']): DNamespaceProjectView | undefined;
     abstract projectAssignRuntimes(payload: NamespacesProjectsAssignRuntimesInput): Promise<NamespacesProjectsAssignRuntimesPayload | undefined>;

package/dist/components/d-project/DNamespaceProject.service.js

@@ -0,0 +1,14 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class p extends t {
+  //TODO: inject UI error handler for toasts
+  //inject: namespaceId because the runtimes query needs it
+  getById(e) {
+    return this.values().find((r) => r.id === e);
+  }
+}
+export {
+  p as DNamespaceProjectReactiveService
+};

package/dist/components/{d-namespace/project → d-project}/DNamespaceProject.view.d.ts

@@ -1,4 +1,4 @@
-import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, FlowConnection, Maybe, Namespace, NamespaceProject, NamespaceProjectUserAbilities, Runtime, RuntimeConnection, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DNamespaceProjectView {
     /** Time when this NamespaceProject was created */
     private readonly _createdAt?;
@@ -20,6 +20,8 @@ export declare class DNamespaceProjectView {
     private readonly _runtimes?;
     /** Time when this NamespaceProject was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this NamespaceProject */
+    private readonly _userAbilities?;
     constructor(payload: NamespaceProject);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get description(): Maybe<Scalars["String"]["output"]> | undefined;
@@ -31,5 +33,6 @@ export declare class DNamespaceProjectView {
     get primaryRuntime(): Maybe<Runtime> | undefined;
     get runtimes(): Maybe<RuntimeConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<NamespaceProjectUserAbilities> | undefined;
     json(): NamespaceProject;
 }

package/dist/components/{d-namespace/project → d-project}/DNamespaceProject.view.js

@@ -1,23 +1,23 @@
-function i(e, t, r) {
-  return (t = n(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function e(i, t, r) {
+  return (t = n(t)) in i ? Object.defineProperty(i, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = r, i;
 }
-function n(e) {
-  var t = u(e, "string");
+function n(i) {
+  var t = u(i, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function u(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
+function u(i, t) {
+  if (typeof i != "object" || !i) return i;
+  var r = i[Symbol.toPrimitive];
   if (r !== void 0) {
-    var s = r.call(e, t);
+    var s = r.call(i, t);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(i);
 }
 class o {
   constructor(t) {
-    i(this, "_createdAt", void 0), i(this, "_description", void 0), i(this, "_flow", void 0), i(this, "_flows", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_primaryRuntime", void 0), i(this, "_runtimes", void 0), i(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._runtimes = t.runtimes, this._updatedAt = t.updatedAt;
+    e(this, "_createdAt", void 0), e(this, "_description", void 0), e(this, "_flow", void 0), e(this, "_flows", void 0), e(this, "_id", void 0), e(this, "_name", void 0), e(this, "_namespace", void 0), e(this, "_primaryRuntime", void 0), e(this, "_runtimes", void 0), e(this, "_updatedAt", void 0), e(this, "_userAbilities", void 0), this._createdAt = t.createdAt, this._description = t.description, this._flow = t.flow, this._flows = t.flows, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._primaryRuntime = t.primaryRuntime, this._runtimes = t.runtimes, this._updatedAt = t.updatedAt, this._userAbilities = t.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -49,6 +49,9 @@ class o {
   get updatedAt() {
     return this._updatedAt;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       createdAt: this._createdAt,

package/dist/components/{d-namespace/project → d-project}/DNamespaceProjectCard.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../../utils/types';
+import { Code0Component } from '../../utils';
 import { Scalars } from '@code0-tech/sagittarius-graphql-types';
 export interface DNamespaceProjectCardProps extends Code0Component<HTMLDivElement> {
     projectId: Scalars['NamespaceProjectID']['output'];

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

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { Card as s } from "../card/Card.js";
+import { DNamespaceProjectContent as i } from "./DNamespaceProjectContent.js";
+const d = (c) => {
+  const t = m.c(2), {
+    projectId: r,
+    onSettingsClick: n
+  } = c;
+  let o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(i, { projectId: r }) }), t[0] = r, t[1] = o) : o = t[1], o;
+};
+export {
+  d as default
+};

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

@@ -0,0 +1,8 @@
+import { Code0Component } from '../../utils';
+import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+export interface DNamespaceProjectContentProps extends Code0Component<HTMLDivElement> {
+    projectId: NamespaceProject["id"];
+    onSetting?: (projectId: NamespaceProject["id"]) => void;
+}
+export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;

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

@@ -0,0 +1,68 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useService as n } from "../../utils/contextStore.js";
+import a 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 "../../_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 k } from "../d-runtime/DRuntime.service.js";
+const X = (m) => {
+  const {
+    projectId: y,
+    onSetting: g = () => {
+    }
+  } = m, p = n(b), l = n(S), f = n(z), v = n(D), h = n(k), e = a.useMemo(() => p.getById(m.projectId), [p, m.projectId]), d = a.useMemo(() => e ? h.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" ? f.getById(t.parent.id) : t.parent.__typename === "User" ? v.getById(t.parent.id) : null : null, []);
+  return /* @__PURE__ */ i(o, { align: "center", style: {
+    gap: "1.3rem"
+  }, justify: "space-between", children: [
+    /* @__PURE__ */ i(o, { 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: {
+        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__ */ i(o, { align: "center", style: {
+      gap: "1.3rem"
+    }, children: [
+      /* @__PURE__ */ i(o, { 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(s, { color: "secondary", children: [
+          /* @__PURE__ */ r(I, { size: 16 }),
+          /* @__PURE__ */ r(c, { 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 })
+        ] })
+      ] }),
+      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(_, { color: "secondary", onClick: () => g(y), children: /* @__PURE__ */ r(R, { size: 16 }) }) : null
+    ] })
+  ] });
+};
+export {
+  X as DNamespaceProjectContent
+};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+import { Card } from '../card/Card';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
+export interface DNamespaceProjectListProps extends Omit<Card, "children"> {
+    filter?: (project: DNamespaceProjectView, index: number) => boolean;
+    onSetting?: (projectId: NamespaceProject["id"]) => void;
+}
+export declare const DNamespaceProjectList: React.FC<DNamespaceProjectListProps>;

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

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import a from "react";
+import { Card as d } from "../card/Card.js";
+import { useService as f, useStore as u } from "../../utils/contextStore.js";
+import "merge-props";
+import { DNamespaceProjectReactiveService as t } from "./DNamespaceProject.service.js";
+import S from "../card/CardSection.js";
+import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
+const R = (o) => {
+  const {
+    filter: i = () => !0,
+    onSetting: c,
+    ...m
+  } = o, s = f(t), p = u(t), n = a.useMemo(() => s.values(), [p]);
+  return /* @__PURE__ */ r(d, { ...m, children: n.filter(i).map((e) => e.id && /* @__PURE__ */ r(S, { border: !0, children: /* @__PURE__ */ r(j, { onSetting: c, projectId: e?.id }) }, e.id)) });
+};
+export {
+  R as DNamespaceProjectList
+};

package/dist/components/{d-namespace/project → d-project}/DNamespaceProjectMenu.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MenuProps } from '../../menu/Menu';
+import { MenuProps } from '../menu/Menu';
 import { Scalars } from '@code0-tech/sagittarius-graphql-types';
 export interface DNamespaceProjectMenuProps extends MenuProps {
     projectId: Scalars['NamespaceProjectID']['output'];

package/dist/components/{d-namespace/project → d-project}/DNamespaceProjectMenu.js

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as e } 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 { 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";
+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: [

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

@@ -0,0 +1,5 @@
+export * from './DNamespaceProject.service';
+export * from './DNamespaceProject.view';
+export * from './DNamespaceProjectCard';
+export * from './DNamespaceProjectList';
+export * from './DNamespaceProjectMenu';

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

@@ -0,0 +1,24 @@
+import { DNamespaceProjectReactiveService as L } from "./DNamespaceProject.service.js";
+import { DNamespaceProjectView as S } from "./DNamespaceProject.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/text/Text.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/card/Card.style.css';/* empty css                      */
+import "react";
+import "merge-props";
+import "../../utils/contextStore.js";
+/* empty css                      */
+/* empty css                      */
+import "@tabler/icons-react";
+import "../button/Button.js";
+/* empty css                            */
+import "js-md5";
+/* empty css                          */
+/* empty css                      */
+import "@radix-ui/react-dropdown-menu";
+/* empty css                        */
+import { DNamespaceProjectList as b } from "./DNamespaceProjectList.js";
+export {
+  b as DNamespaceProjectList,
+  L as DNamespaceProjectReactiveService,
+  S as DNamespaceProjectView
+};

package/dist/components/{d-namespace/role → d-role}/DNamespaceRole.service.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveArrayService } from '../../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
 import { DNamespaceRoleView } from './DNamespaceRole.view';
 import { NamespaceRole, NamespacesRolesAssignAbilitiesInput, NamespacesRolesAssignAbilitiesPayload, NamespacesRolesAssignProjectsInput, NamespacesRolesAssignProjectsPayload, NamespacesRolesCreateInput, NamespacesRolesCreatePayload, NamespacesRolesDeleteInput, NamespacesRolesDeletePayload } from '@code0-tech/sagittarius-graphql-types';
 export declare abstract class DNamespaceRoleReactiveService extends ReactiveArrayService<DNamespaceRoleView> {

package/dist/components/{d-namespace/role → d-role}/DNamespaceRole.service.js

@@ -1,4 +1,4 @@
-import { ReactiveArrayService as i } from "../../../utils/reactiveArrayService.js";
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
 class c extends i {
   //TODO: inject UI error handler for toasts
   //inject: namespaceId because the runtimes query needs it

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

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

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

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

package/dist/components/d-runtime/DRuntime.view.d.ts

@@ -1,4 +1,4 @@
-import { DataTypeConnection, FlowTypeConnection, Maybe, Namespace, NamespaceProjectConnection, Runtime, RuntimeStatusType, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DataTypeConnection, FlowTypeConnection, Maybe, Namespace, NamespaceProjectConnection, Runtime, RuntimeStatusType, RuntimeUserAbilities, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DRuntimeView {
     /** Time when this Runtime was created */
     private readonly _createdAt?;
@@ -22,6 +22,8 @@ export declare class DRuntimeView {
     private readonly _token?;
     /** Time when this Runtime was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this Runtime */
+    private readonly _userAbilities?;
     constructor(payload: Runtime);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get dataTypes(): Maybe<DataTypeConnection> | undefined;
@@ -34,5 +36,6 @@ export declare class DRuntimeView {
     get status(): Maybe<RuntimeStatusType> | undefined;
     get token(): Maybe<Scalars["String"]["output"]> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<RuntimeUserAbilities> | undefined;
     json(): Runtime;
 }

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

@@ -15,9 +15,9 @@ function o(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-class a {
+class u {
   constructor(t) {
-    i(this, "_createdAt", void 0), i(this, "_dataTypes", void 0), i(this, "_description", void 0), i(this, "_flowTypes", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_projects", void 0), i(this, "_status", void 0), i(this, "_token", void 0), i(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._dataTypes = t.dataTypes, this._description = t.description, this._flowTypes = t.flowTypes, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._projects = t.projects, this._status = t.status, this._token = t.token, this._updatedAt = t.updatedAt;
+    i(this, "_createdAt", void 0), i(this, "_dataTypes", void 0), i(this, "_description", void 0), i(this, "_flowTypes", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_projects", void 0), i(this, "_status", void 0), i(this, "_token", void 0), i(this, "_updatedAt", void 0), i(this, "_userAbilities", void 0), this._createdAt = t.createdAt, this._dataTypes = t.dataTypes, this._description = t.description, this._flowTypes = t.flowTypes, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._projects = t.projects, this._status = t.status, this._token = t.token, this._updatedAt = t.updatedAt, this._userAbilities = t.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -52,6 +52,9 @@ class a {
   get updatedAt() {
     return this._updatedAt;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   json() {
     return {
       createdAt: this._createdAt,
@@ -69,5 +72,5 @@ class a {
   }
 }
 export {
-  a as DRuntimeView
+  u as DRuntimeView
 };

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

@@ -0,0 +1,7 @@
+import { Runtime } from '@code0-tech/sagittarius-graphql-types';
+import { default as React } from 'react';
+export interface DRuntimeCardProps {
+    runtimeId: Runtime['id'];
+    onSetting?: (runtimeId: Runtime['id']) => void;
+}
+export declare const DRuntimeCard: React.FC<DRuntimeCardProps>;