@code0-tech/pictor 0.0.0-mvp.2 → 0.0.0-mvp.21

package/dist/components/d-namespace/DNamespace.service.d.ts

@@ -1,6 +1,6 @@
 import { Namespace } from '@code0-tech/sagittarius-graphql-types';
 import { DNamespaceView } from './DNamespace.view';
-import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 export declare abstract class DNamespaceReactiveService extends ReactiveArrayService<DNamespaceView> {
     getById(id: Namespace['id']): DNamespaceView | undefined;
 }

package/dist/components/d-namespace/DNamespace.service.js

@@ -1,11 +1,12 @@
+import "../../utils/contextStore.js";
+import "react";
 import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
-class c extends i {
-  //TODO: inject UI error handler for toasts
-  //inject: either userId or organizationId because the namespaces query needs it
+import "merge-props";
+class p extends i {
   getById(e) {
     return this.values().find((r) => r.id === e);
   }
 }
 export {
-  c as DNamespaceReactiveService
+  p as DNamespaceReactiveService
 };

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

@@ -1,12 +1,2 @@
-export * from './license/DNamespaceLicense.service';
-export * from './license/DNamespaceLicense.view';
-export * from './member/DNamespaceMember.service';
-export * from './member/DNamespaceMember.view';
-export * from './project/DNamespaceProject.service';
-export * from './project/DNamespaceProject.view';
-export * from './project/DNamespaceProjectCard';
-export * from './project/DNamespaceProjectMenu';
-export * from './role/DNamespaceRole.service';
-export * from './role/DNamespaceRole.view';
 export * from './DNamespace.service';
 export * from './DNamespace.view';

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

@@ -1,35 +1,6 @@
-import { DNamespaceLicenseReactiveService as R } from "./license/DNamespaceLicense.service.js";
-import { DNamespaceLicenseView as S } from "./license/DNamespaceLicense.view.js";
-import { DNamespaceMemberReactiveService as b } from "./member/DNamespaceMember.service.js";
-import { DNamespaceMemberView as l } from "./member/DNamespaceMember.view.js";
-import { DNamespaceProjectReactiveService as L } from "./project/DNamespaceProject.service.js";
-import { DNamespaceProjectView as P } from "./project/DNamespaceProject.view.js";
-import "react/jsx-runtime";
-import "react";
-import "../../compiler-runtime-BNHg76kC.js";
-import '../../assets/Menu.css';import '../../assets/Badge.css';import '../../assets/Flex.css';import '../../assets/Text.css';import '../../assets/Card.css';/* empty css                        */
-import "merge-props";
-/* empty css                        */
-import "@tabler/icons-react";
-import "../../utils/contextStore.js";
-/* empty css                        */
-import "../button/Button.js";
-/* empty css                         */
-import { DNamespaceReactiveService as g } from "./DNamespace.service.js";
-/* empty css                        */
-import "@radix-ui/react-dropdown-menu";
-import { DNamespaceRoleReactiveService as k } from "./role/DNamespaceRole.service.js";
-import { DNamespaceRoleView as u } from "./role/DNamespaceRole.view.js";
-import { DNamespaceView as z } from "./DNamespace.view.js";
+import { DNamespaceReactiveService as r } from "./DNamespace.service.js";
+import { DNamespaceView as m } from "./DNamespace.view.js";
 export {
-  R as DNamespaceLicenseReactiveService,
-  S as DNamespaceLicenseView,
-  b as DNamespaceMemberReactiveService,
-  l as DNamespaceMemberView,
-  L as DNamespaceProjectReactiveService,
-  P as DNamespaceProjectView,
-  g as DNamespaceReactiveService,
-  k as DNamespaceRoleReactiveService,
-  u as DNamespaceRoleView,
-  z as DNamespaceView
+  r as DNamespaceReactiveService,
+  m as DNamespaceView
 };

package/dist/components/d-organization/DOrganization.service.d.ts

@@ -1,8 +1,8 @@
-import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { ReactiveArrayService } from '../../utils';
 import { DOrganizationView } from './DOrganization.view';
-import { OrganizationsCreateInput, OrganizationsCreatePayload, OrganizationsDeleteInput, OrganizationsDeletePayload, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Organization, OrganizationsCreateInput, OrganizationsCreatePayload, OrganizationsDeleteInput, OrganizationsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
 export declare abstract class DOrganizationReactiveService extends ReactiveArrayService<DOrganizationView> {
-    getById(id: Scalars["OrganizationID"]["input"]): DOrganizationView | undefined;
+    getById(id: Organization["id"]): DOrganizationView | undefined;
     abstract organizationCreate(payload: OrganizationsCreateInput): Promise<OrganizationsCreatePayload | undefined>;
     abstract organizationDelete(payload: OrganizationsDeleteInput): Promise<OrganizationsDeletePayload | undefined>;
 }

package/dist/components/d-organization/DOrganization.service.js

@@ -1,11 +1,12 @@
+import "../../utils/contextStore.js";
+import "react";
 import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
-class c extends r {
-  //TODO: inject UI error handler for toasts
-  //no id's need to be injected here because the root query has a organizations field
+import "merge-props";
+class n extends r {
   getById(e) {
     return this.values().find((i) => i.id === e);
   }
 }
 export {
-  c as DOrganizationReactiveService
+  n as DOrganizationReactiveService
 };

package/dist/components/d-organization/DOrganization.view.d.ts

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, Organization, Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, Organization, OrganizationUserAbilities, Scalars } from '@code0-tech/sagittarius-graphql-types';
 export declare class DOrganizationView {
     private readonly _createdAt?;
     /** Global ID of this Organization */
@@ -9,12 +9,15 @@ export declare class DOrganizationView {
     private readonly _namespace?;
     /** Time when this Organization was last updated */
     private readonly _updatedAt?;
+    /** Abilities for the current user on this Organization */
+    private readonly _userAbilities?;
     constructor(payload: Organization);
     get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get id(): Maybe<Scalars["OrganizationID"]["output"] | undefined>;
     get name(): Maybe<Scalars["String"]["output"]> | undefined;
     get namespace(): Maybe<Namespace> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get userAbilities(): Maybe<OrganizationUserAbilities> | undefined;
     set name(value: Maybe<Scalars["String"]["output"]>);
     json(): Organization;
 }

package/dist/components/d-organization/DOrganization.view.js

@@ -1,23 +1,23 @@
-function r(e, t, i) {
-  return (t = a(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+function i(t, e, r) {
+  return (e = n(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function a(e) {
-  var t = s(e, "string");
-  return typeof t == "symbol" ? t : t + "";
+function n(t) {
+  var e = a(t, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
-function s(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
-    if (typeof n != "object") return n;
+function a(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
+    if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (e === "string" ? String : Number)(t);
 }
-class d {
-  constructor(t) {
-    r(this, "_createdAt", void 0), r(this, "_id", void 0), r(this, "_name", void 0), r(this, "_namespace", void 0), r(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._updatedAt = t.updatedAt;
+class u {
+  constructor(e) {
+    i(this, "_createdAt", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_updatedAt", void 0), i(this, "_userAbilities", void 0), this._createdAt = e.createdAt, this._id = e.id, this._name = e.name, this._namespace = e.namespace, this._updatedAt = e.updatedAt, this._userAbilities = e.userAbilities;
   }
   get createdAt() {
     return this._createdAt;
@@ -34,8 +34,11 @@ class d {
   get updatedAt() {
     return this._updatedAt;
   }
-  set name(t) {
-    this._name = t;
+  get userAbilities() {
+    return this._userAbilities;
+  }
+  set name(e) {
+    this._name = e;
   }
   json() {
     return {
@@ -48,5 +51,5 @@ class d {
   }
 }
 export {
-  d as DOrganizationView
+  u as DOrganizationView
 };

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

@@ -1,10 +1,10 @@
 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 DOrganizationCardProps extends Code0Component<HTMLDivElement> {
     organizationId: Scalars['OrganizationID']['output'];
-    onSettingsClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
-    onLeaveClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onSetting?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onLeave?: (organizationId: Scalars['OrganizationID']['output']) => void;
 }
 declare const DOrganizationCard: React.FC<DOrganizationCardProps>;
 export default DOrganizationCard;

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

@@ -1,63 +1,16 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import j from "react";
-import { Card as k } from "../card/Card.js";
-import { Text as i } from "../text/Text.js";
-import { useStore as t, useService as c } from "../../utils/contextStore.js";
-import { DOrganizationReactiveService as f } from "./DOrganization.service.js";
-import { IconSettings as $, IconLogout as B, IconFolder as D, IconUser as L, IconServer as R } from "@tabler/icons-react";
-import { Badge as s } from "../badge/Badge.js";
-import { Flex as a } from "../flex/Flex.js";
-import { Button as u } from "../button/Button.js";
-import w from "../card/CardSection.js";
-import { DNamespaceReactiveService as g } from "../d-namespace/DNamespace.service.js";
-import { DNamespaceLicenseReactiveService as h } from "../d-namespace/license/DNamespaceLicense.service.js";
-const K = (z) => {
-  const {
-    organizationId: n,
-    onSettingsClick: S = () => {
-    },
-    onLeaveClick: y = () => {
-    }
-  } = z, v = t(f), x = c(f), C = t(g), I = c(g), b = t(h);
-  c(h);
-  const o = x.getById(n);
-  if (!o?.namespace?.id) return;
-  const m = I.getById(o?.namespace?.id), l = o?.namespace?.projects?.count, p = m?.members?.count, d = m?.runtimes?.count;
-  return j.useMemo(() => /* @__PURE__ */ r(k, { maw: "400px", children: [
-    /* @__PURE__ */ r(a, { align: "center", style: {
-      gap: "0.7rem"
-    }, justify: "space-between", children: [
-      /* @__PURE__ */ e(i, { size: "lg", hierarchy: "primary", display: "block", children: o?.name }),
-      /* @__PURE__ */ r(a, { align: "center", style: {
-        gap: "0.35rem"
-      }, children: [
-        /* @__PURE__ */ e(u, { color: "secondary", onClick: () => S(n), children: /* @__PURE__ */ e($, { size: 16 }) }),
-        /* @__PURE__ */ r(u, { color: "error", onClick: () => y(n), children: [
-          /* @__PURE__ */ e(B, { size: 16 }),
-          " Leave"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(i, { size: "sm", hierarchy: "tertiary", display: "block", children: o?.name }),
-    /* @__PURE__ */ e(w, { border: !0, children: /* @__PURE__ */ r(a, { align: "center", style: {
-      gap: "0.35rem",
-      flexWrap: "wrap"
-    }, children: [
-      /* @__PURE__ */ r(s, { color: "info", children: [
-        /* @__PURE__ */ e(D, { size: 18 }),
-        /* @__PURE__ */ e(i, { size: "xs", children: `${l ?? 0} project${(l ?? 0) !== 1 ? "s" : ""}` })
-      ] }),
-      /* @__PURE__ */ r(s, { color: "info", children: [
-        /* @__PURE__ */ e(L, { size: 18 }),
-        /* @__PURE__ */ e(i, { size: "xs", children: `${p ?? 0} member${(p ?? 0) !== 1 ? "s" : ""}` })
-      ] }),
-      /* @__PURE__ */ r(s, { color: "info", children: [
-        /* @__PURE__ */ e(R, { size: 18 }),
-        /* @__PURE__ */ e(i, { size: "xs", children: `${d ?? 0} runtime${(d ?? 0) !== 1 ? "s" : ""}` })
-      ] })
-    ] }) })
-  ] }), [v, C, b]);
+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,11 @@
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+import { DOrganizationView } from './DOrganization.view';
+import { Organization } from '@code0-tech/sagittarius-graphql-types';
+export interface DOrganizationListProps extends Omit<Card, "children" | "onSelect"> {
+    filter?: (organizations: DOrganizationView, index: number) => boolean;
+    onSetting?: (organizationId: Organization['id']) => void;
+    onLeave?: (organizationId: Organization['id']) => void;
+    onSelect?: (organizationId: Organization['id']) => void;
+}
+export declare const DOrganizationList: React.FC<DOrganizationListProps>;

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

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

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

@@ -0,0 +1,12 @@
+import { Namespace, NamespaceProject, NamespacesProjectsAssignRuntimesInput, NamespacesProjectsAssignRuntimesPayload, NamespacesProjectsCreateInput, NamespacesProjectsCreatePayload, NamespacesProjectsDeleteInput, NamespacesProjectsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+import { DNamespaceProjectView } from './DNamespaceProject.view';
+import { ReactiveArrayService } from '../../utils';
+export type DProjectDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceProjectReactiveService extends ReactiveArrayService<DNamespaceProjectView, DProjectDependencies> {
+    getById(id: NamespaceProject['id'], dependencies?: DProjectDependencies): DNamespaceProjectView | undefined;
+    abstract projectAssignRuntimes(payload: NamespacesProjectsAssignRuntimesInput): Promise<NamespacesProjectsAssignRuntimesPayload | undefined>;
+    abstract projectCreate(payload: NamespacesProjectsCreateInput): Promise<NamespacesProjectsCreatePayload | undefined>;
+    abstract projectDelete(payload: NamespacesProjectsDeleteInput): Promise<NamespacesProjectsDeletePayload | undefined>;
+}

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

@@ -0,0 +1,12 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class s extends i {
+  getById(e, r) {
+    return this.values(r).find((t) => t.id === e);
+  }
+}
+export {
+  s 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>;