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

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

@@ -0,0 +1,70 @@
+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 z } from "../d-namespace/DNamespace.service.js";
+import { DOrganizationReactiveService as j } 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 I, IconServer as x, IconServerSpark as R, IconSettings as _ } from "@tabler/icons-react";
+import { Button as B } from "../button/Button.js";
+/* empty css                            */
+import { Avatar as D } from "../avatar/Avatar.js";
+import { DUserReactiveService as b } 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 P } from "./DNamespaceProject.service.js";
+import { DRuntimeReactiveService as k } from "../d-runtime/DRuntime.service.js";
+const Y = (m) => {
+  const {
+    projectId: y,
+    onSetting: g = () => {
+    }
+  } = m, p = n(P), l = n(z), f = n(j), v = n(b), 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(D, { 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(I, { size: 16 }),
+          /* @__PURE__ */ r(c, { size: "xs", children: e?.flows?.count ?? 0 })
+        ] }),
+        /* @__PURE__ */ i(s, { color: "secondary", children: [
+          /* @__PURE__ */ r(x, { size: 16 }),
+          /* @__PURE__ */ r(c, { size: "xs", children: e?.runtimes?.count ?? 0 })
+        ] }),
+        d && /* @__PURE__ */ i(s, { color: "secondary", children: [
+          /* @__PURE__ */ r(R, { size: 16 }),
+          /* @__PURE__ */ r(c, { size: "xs", children: d.name })
+        ] })
+      ] }),
+      e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(B, { color: "secondary", onClick: (S) => {
+        S.stopPropagation(), g(y);
+      }, children: /* @__PURE__ */ r(_, { size: 16 }) }) : null
+    ] })
+  ] });
+};
+export {
+  Y as DNamespaceProjectContent
+};

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import f 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 { DNamespaceProjectReactiveService as i } from "./DNamespaceProject.service.js";
+import v from "../card/CardSection.js";
+import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
+const b = (c) => {
+  const {
+    namespaceId: t,
+    filter: m = () => !0,
+    onSetting: s,
+    onSelect: o,
+    ...n
+  } = c, p = S(i), a = l(i), d = f.useMemo(() => p.values({
+    namespaceId: t
+  }), [a, t]);
+  return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
+    o && o(e.id);
+  }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
+};
+export {
+  b 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-resizable/DResizable.js

@@ -1,31 +1,32 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as n } from "../../compiler-runtime-BNHg76kC.js";
-import { mergeCode0Props as r } from "../../utils/utils.js";
-import { PanelGroup as o, Panel as c, PanelResizeHandle as d } from "react-resizable-panels";
-import '../../assets/DResizable.css';const _ = (a) => {
-  const e = n.c(4);
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as n } from "../../utils/utils.js";
+import { PanelGroup as o, Panel as c, PanelResizeHandle as m } from "react-resizable-panels";
+import '../../assets/components/d-resizable/DResizable.style.css';/* empty css                      */
+const u = (a) => {
+  const e = r.c(4);
   let l;
-  e[0] !== a ? (l = r("d-resizable", a), e[0] = a, e[1] = l) : l = e[1];
+  e[0] !== a ? (l = n("d-resizable", a), e[0] = a, e[1] = l) : l = e[1];
   const t = l;
   let s;
   return e[2] !== t ? (s = /* @__PURE__ */ i(o, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = s) : s = e[3], s;
-}, u = (a) => {
-  const e = n.c(4);
+}, P = (a) => {
+  const e = r.c(4);
   let l;
-  e[0] !== a ? (l = r("d-resizable__panel", a), e[0] = a, e[1] = l) : l = e[1];
+  e[0] !== a ? (l = n("d-resizable__panel", a), e[0] = a, e[1] = l) : l = e[1];
   let t;
   return e[2] !== l ? (t = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...l }), e[2] = l, e[3] = t) : t = e[3], t;
-}, P = (a) => {
-  const e = n.c(5);
+}, h = (a) => {
+  const e = r.c(5);
   let l;
-  e[0] !== a ? (l = r("d-resizable__handle", a), e[0] = a, e[1] = l) : l = e[1];
+  e[0] !== a ? (l = n("d-resizable__handle", a), e[0] = a, e[1] = l) : l = e[1];
   let t;
   e[2] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
   let s;
-  return e[3] !== l ? (s = /* @__PURE__ */ i(d, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = s) : s = e[4], s;
+  return e[3] !== l ? (s = /* @__PURE__ */ i(m, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = s) : s = e[4], s;
 };
 export {
-  P as DResizableHandle,
-  u as DResizablePanel,
-  _ as DResizablePanelGroup
+  h as DResizableHandle,
+  P as DResizablePanel,
+  u as DResizablePanelGroup
 };

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

@@ -0,0 +1,13 @@
+import { ReactiveArrayService } from '../../utils';
+import { DNamespaceRoleView } from './DNamespaceRole.view';
+import { Namespace, NamespaceRole, NamespacesRolesAssignAbilitiesInput, NamespacesRolesAssignAbilitiesPayload, NamespacesRolesAssignProjectsInput, NamespacesRolesAssignProjectsPayload, NamespacesRolesCreateInput, NamespacesRolesCreatePayload, NamespacesRolesDeleteInput, NamespacesRolesDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+export type DRoleDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DNamespaceRoleReactiveService extends ReactiveArrayService<DNamespaceRoleView, DRoleDependencies> {
+    getById(id: NamespaceRole['id'], dependencies?: DRoleDependencies): DNamespaceRoleView | undefined;
+    abstract roleAssignAbilities(payload: NamespacesRolesAssignAbilitiesInput): Promise<NamespacesRolesAssignAbilitiesPayload | undefined>;
+    abstract roleAssignProject(payload: NamespacesRolesAssignProjectsInput): Promise<NamespacesRolesAssignProjectsPayload | undefined>;
+    abstract roleCreate(payload: NamespacesRolesCreateInput): Promise<NamespacesRolesCreatePayload | undefined>;
+    abstract roleDelete(payload: NamespacesRolesDeleteInput): Promise<NamespacesRolesDeletePayload | undefined>;
+}

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

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

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.service.d.ts

@@ -1,7 +1,10 @@
 import { ReactiveArrayService } from '../../utils/reactiveArrayService';
 import { DRuntimeView } from './DRuntime.view';
-import { Runtime, RuntimesCreateInput, RuntimesCreatePayload, RuntimesDeleteInput, RuntimesDeletePayload, RuntimesRotateTokenInput, RuntimesRotateTokenPayload } from '@code0-tech/sagittarius-graphql-types';
-export declare abstract class DRuntimeReactiveService extends ReactiveArrayService<DRuntimeView> {
+import { Namespace, Runtime, RuntimesCreateInput, RuntimesCreatePayload, RuntimesDeleteInput, RuntimesDeletePayload, RuntimesRotateTokenInput, RuntimesRotateTokenPayload } from '@code0-tech/sagittarius-graphql-types';
+export type DRuntimeDependencies = {
+    namespaceId: Namespace['id'];
+};
+export declare abstract class DRuntimeReactiveService extends ReactiveArrayService<DRuntimeView, DRuntimeDependencies> {
     getById(id: Runtime['id']): DRuntimeView | undefined;
     abstract runtimeCreate(payload: RuntimesCreateInput): Promise<RuntimesCreatePayload | undefined>;
     abstract runtimeDelete(payload: RuntimesDeleteInput): Promise<RuntimesDeletePayload | undefined>;

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

@@ -1,7 +1,5 @@
 import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
 class c extends r {
-  //TODO: inject UI error handler for toasts
-  //inject: namespaceId because the runtimes query needs it
   getById(e) {
     return this.values().find((i) => i.id === e);
   }

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>;

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Runtime } from '@code0-tech/sagittarius-graphql-types';
+import { DRuntimeView } from './DRuntime.view';
+import { Card } from '../card/Card';
+import { default as React } from 'react';
+export interface DRuntimeListProps extends Omit<Card, "children" | "onSelect"> {
+    filter?: (runtime: DRuntimeView, index: number) => boolean;
+    onSelect?: (userId: Runtime['id']) => void;
+    onSetting?: (runtimeId: Runtime['id']) => void;
+}
+export declare const DRuntimeList: React.FC<DRuntimeListProps>;

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

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

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

@@ -1,2 +1,4 @@
 export * from './DRuntime.service';
 export * from './DRuntime.view';
+export * from './DRuntimeCard';
+export * from './DRuntimeList';

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

@@ -1,6 +1,10 @@
-import { DRuntimeReactiveService as r } from "./DRuntime.service.js";
+import { DRuntimeReactiveService as t } from "./DRuntime.service.js";
 import { DRuntimeView as m } from "./DRuntime.view.js";
+import { DRuntimeCard as R } from "./DRuntimeCard.js";
+import { DRuntimeList as n } from "./DRuntimeList.js";
 export {
-  r as DRuntimeReactiveService,
+  R as DRuntimeCard,
+  n as DRuntimeList,
+  t as DRuntimeReactiveService,
   m as DRuntimeView
 };

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

@@ -1,9 +1,7 @@
 import { ReactiveArrayService } from '../../utils/reactiveArrayService';
-import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UserSession, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
+import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
 import { DUserView } from './DUser.view';
 export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {
-    createUserSession(payload: UserSession): void;
-    getUserSession(): UserSession | undefined;
     getById(id: User['id']): DUserView | undefined;
     abstract usersEmailVerification(payload: UsersEmailVerificationInput): Promise<UsersEmailVerificationPayload | undefined>;
     abstract usersIdentityLink(payload: UsersIdentityLinkInput): Promise<UsersIdentityLinkPayload | undefined>;

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

@@ -1,17 +1,11 @@
-import { ReactiveArrayService as s } from "../../utils/reactiveArrayService.js";
-class o extends s {
+import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
+class a extends i {
   //TODO: inject UI error handler for toasts
   //no id's need to be injected here because the root query has a users field
-  createUserSession(e) {
-    window.localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
-  }
-  getUserSession() {
-    return JSON.parse(window.localStorage.getItem("ide_code-zero_session"));
-  }
   getById(e) {
     return this.values().find((r) => r.id === e);
   }
 }
 export {
-  o as DUserReactiveService
+  a as DUserReactiveService
 };

package/dist/components/d-user/DUser.session.hook.d.ts

@@ -0,0 +1,3 @@
+import { UserSession } from '@code0-tech/sagittarius-graphql-types';
+export declare const useUserSession: () => UserSession | null | undefined;
+export declare const setUserSession: (userSession: UserSession) => void;

package/dist/components/d-user/DUser.session.hook.js

@@ -0,0 +1,16 @@
+import { c } from "../../_virtual/compiler-runtime.js";
+import i from "react";
+const a = () => {
+  const e = c.c(2), [n, r] = i.useState(void 0);
+  let s, o;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
+    const t = JSON.parse(localStorage.getItem("ide_code-zero_session"));
+    t && t.token ? r(t) : r(null);
+  }, o = [], e[0] = s, e[1] = o) : (s = e[0], o = e[1]), i.useEffect(s, o), n;
+}, S = (e) => {
+  localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
+};
+export {
+  S as setUserSession,
+  a as useUserSession
+};

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

@@ -1,4 +1,4 @@
-import { Maybe, Namespace, NamespaceMemberConnection, Scalars, User, UserIdentityConnection, UserSessionConnection } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Namespace, NamespaceMemberConnection, Scalars, User, UserIdentityConnection, UserSessionConnection, UserUserAbilities } from '@code0-tech/sagittarius-graphql-types';
 export declare class DUserView {
     /** Global admin status of the user */
     private _admin?;
@@ -28,6 +28,8 @@ export declare class DUserView {
     private readonly _updatedAt?;
     /** Username of the user */
     private _username?;
+    /** Abilities for the current user on this User */
+    private readonly _userAbilities?;
     constructor(user: User);
     get admin(): Maybe<Scalars["Boolean"]["output"]> | undefined;
     get avatarPath(): Maybe<Scalars["String"]["output"]> | undefined;
@@ -43,6 +45,7 @@ export declare class DUserView {
     get sessions(): Maybe<UserSessionConnection> | undefined;
     get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
     get username(): Maybe<Scalars["String"]["output"]> | undefined;
+    get userAbilities(): Maybe<UserUserAbilities> | undefined;
     set admin(value: Maybe<Scalars["Boolean"]["output"]>);
     set email(value: Maybe<Scalars["String"]["output"]>);
     set firstname(value: Maybe<Scalars["String"]["output"]>);

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

@@ -1,23 +1,23 @@
-function i(t, e, s) {
-  return (e = n(e)) in t ? Object.defineProperty(t, e, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = s, t;
+function t(i, e, s) {
+  return (e = r(e)) in i ? Object.defineProperty(i, e, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : i[e] = s, i;
 }
-function n(t) {
-  var e = r(t, "string");
+function r(i) {
+  var e = n(i, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function r(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var s = t[Symbol.toPrimitive];
+function n(i, e) {
+  if (typeof i != "object" || !i) return i;
+  var s = i[Symbol.toPrimitive];
   if (s !== void 0) {
-    var a = s.call(t, e);
+    var a = s.call(i, e);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(t);
+  return (e === "string" ? String : Number)(i);
 }
 class m {
   constructor(e) {
-    i(this, "_admin", void 0), i(this, "_avatarPath", void 0), i(this, "_createdAt", void 0), i(this, "_email", void 0), i(this, "_emailVerifiedAt", void 0), i(this, "_firstname", void 0), i(this, "_id", void 0), i(this, "_identities", void 0), i(this, "_lastname", void 0), i(this, "_namespace", void 0), i(this, "_namespaceMemberships", void 0), i(this, "_sessions", void 0), i(this, "_updatedAt", void 0), i(this, "_username", void 0), this._admin = e.admin, this._avatarPath = e.avatarPath, this._createdAt = e.createdAt, this._email = e.email, this._emailVerifiedAt = e.emailVerifiedAt, this._firstname = e.firstname, this._id = e.id, this._identities = e.identities, this._lastname = e.lastname, this._namespace = e.namespace, this._namespaceMemberships = e.namespaceMemberships, this._sessions = e.sessions, this._updatedAt = e.updatedAt, this._username = e.username;
+    t(this, "_admin", void 0), t(this, "_avatarPath", void 0), t(this, "_createdAt", void 0), t(this, "_email", void 0), t(this, "_emailVerifiedAt", void 0), t(this, "_firstname", void 0), t(this, "_id", void 0), t(this, "_identities", void 0), t(this, "_lastname", void 0), t(this, "_namespace", void 0), t(this, "_namespaceMemberships", void 0), t(this, "_sessions", void 0), t(this, "_updatedAt", void 0), t(this, "_username", void 0), t(this, "_userAbilities", void 0), this._admin = e.admin, this._avatarPath = e.avatarPath, this._createdAt = e.createdAt, this._email = e.email, this._emailVerifiedAt = e.emailVerifiedAt, this._firstname = e.firstname, this._id = e.id, this._identities = e.identities, this._lastname = e.lastname, this._namespace = e.namespace, this._namespaceMemberships = e.namespaceMemberships, this._sessions = e.sessions, this._updatedAt = e.updatedAt, this._username = e.username, this._userAbilities = e.userAbilities;
   }
   get admin() {
     return this._admin;
@@ -61,6 +61,9 @@ class m {
   get username() {
     return this._username;
   }
+  get userAbilities() {
+    return this._userAbilities;
+  }
   set admin(e) {
     this._admin = e;
   }

package/dist/components/d-user/DUserCard.d.ts

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

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

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

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

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