@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

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

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

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

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

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

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

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

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

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

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

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
-  getById(e) {
-    return this.values().find((r) => r.id === e);
+import "merge-props";
+class p extends i {
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 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 { 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
-  getById(e) {
-    return this.values().find((i) => i.id === e);
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class p extends i {
+  getById(r) {
+    return this.values().find((e) => e && e.id === r);
   }
 }
 export {
-  c as DOrganizationReactiveService
+  p 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,11 @@
 import { default as React } from 'react';
-import { Code0Component } from '../../utils/types';
+import { Code0Component } from '../../utils';
 import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+import { DOrganizationView } from './DOrganization.view';
 export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
     organizationId: Scalars['OrganizationID']['output'];
-    onSettingsClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
-    onLeaveClick?: (organizationId: Scalars['OrganizationID']['output']) => void;
+    onSetting?: (organization: DOrganizationView) => void;
+    onLeave?: (organization: DOrganizationView) => 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,10 @@
+import { default as React } from 'react';
+import { Card } from '../card/Card';
+import { DOrganizationView } from './DOrganization.view';
+export interface DOrganizationListProps extends Omit<Card, "children" | "onSelect"> {
+    filter?: (organizations: DOrganizationView, index: number) => boolean;
+    onSetting?: (organization: DOrganizationView) => void;
+    onLeave?: (organization: DOrganizationView) => void;
+    onSelect?: (organization: DOrganizationView) => 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 l, useStore as S } 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 _ = (i) => {
+  const n = l(e), m = S(e), a = p.useMemo(() => n.values(), [m]), {
+    filter: c = () => !0,
+    onLeave: s,
+    onSetting: f,
+    onSelect: t,
+    ...d
+  } = i;
+  return /* @__PURE__ */ o(u, { ...d, children: a.filter(c).map((r) => r.id && /* @__PURE__ */ o(v, { border: !0, hover: !0, onClick: () => {
+    t && t(r);
+  }, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting: f, organizationId: r?.id }) }, r.id)) });
+};
+export {
+  _ as DOrganizationList
+};

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

@@ -1,16 +1,16 @@
 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 g, MenuItem as f } from "../menu/Menu.js";
+import u from "react";
+import { Menu as d, MenuTrigger as s, MenuPortal as l, MenuContent as f, MenuItem as g } from "../menu/Menu.js";
 import { Button as h } from "../button/Button.js";
 import { DOrganizationReactiveService as i } from "./DOrganization.service.js";
 import { useService as o } from "../../utils/contextStore.js";
 const x = (n) => {
   const r = o(i), a = o(i), c = r.getById(n.organizationId);
-  return s.useMemo(() => /* @__PURE__ */ m(u, { ...n, children: [
-    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
+  return u.useMemo(() => /* @__PURE__ */ m(d, { ...n, children: [
+    /* @__PURE__ */ e(s, { asChild: !0, children: /* @__PURE__ */ e(h, { variant: "none", style: {
       background: "transparent"
     }, children: c?.name }) }),
-    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(g, { side: "bottom", align: "start", sideOffset: 0, children: r.values().map((t) => /* @__PURE__ */ e(f, { onSelect: () => n.onOrganizationSelect(t.id), children: t.name }, t.id)) }) })
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 0, children: r.values().map((t) => /* @__PURE__ */ e(g, { onSelect: () => n.onOrganizationSelect(t.id), children: t.name }, t.id)) }) })
   ] }), [a]);
 };
 export {