@elevasis/ui 2.20.0 → 2.22.0

package/dist/profile/index.d.ts

@@ -1672,6 +1672,7 @@ type Database = {
                 Row: {
                     config: Json;
                     created_at: string | null;
+                    effective_permissions: string[];
                     id: string;
                     membership_status: string | null;
                     organization_id: string;
@@ -1683,6 +1684,7 @@ type Database = {
                 Insert: {
                     config?: Json;
                     created_at?: string | null;
+                    effective_permissions?: string[];
                     id?: string;
                     membership_status?: string | null;
                     organization_id: string;
@@ -1694,6 +1696,7 @@ type Database = {
                 Update: {
                     config?: Json;
                     created_at?: string | null;
+                    effective_permissions?: string[];
                     id?: string;
                     membership_status?: string | null;
                     organization_id?: string;
@@ -1719,6 +1722,147 @@ type Database = {
                     }
                 ];
             };
+            org_rol_assignments: {
+                Row: {
+                    granted_at: string;
+                    granted_by: string | null;
+                    membership_id: string;
+                    role_id: string;
+                };
+                Insert: {
+                    granted_at?: string;
+                    granted_by?: string | null;
+                    membership_id: string;
+                    role_id: string;
+                };
+                Update: {
+                    granted_at?: string;
+                    granted_by?: string | null;
+                    membership_id?: string;
+                    role_id?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "org_rol_assignments_granted_by_fkey";
+                        columns: ["granted_by"];
+                        isOneToOne: false;
+                        referencedRelation: "users";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "org_rol_assignments_membership_id_fkey";
+                        columns: ["membership_id"];
+                        isOneToOne: false;
+                        referencedRelation: "org_memberships";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "org_rol_assignments_role_id_fkey";
+                        columns: ["role_id"];
+                        isOneToOne: false;
+                        referencedRelation: "org_rol_definitions";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            org_rol_definitions: {
+                Row: {
+                    created_at: string;
+                    description: string | null;
+                    id: string;
+                    is_system: boolean;
+                    name: string;
+                    organization_id: string | null;
+                    slug: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    description?: string | null;
+                    id?: string;
+                    is_system?: boolean;
+                    name: string;
+                    organization_id?: string | null;
+                    slug: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    description?: string | null;
+                    id?: string;
+                    is_system?: boolean;
+                    name?: string;
+                    organization_id?: string | null;
+                    slug?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "org_rol_definitions_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            org_rol_grants: {
+                Row: {
+                    granted_at: string;
+                    permission_key: string;
+                    role_id: string;
+                };
+                Insert: {
+                    granted_at?: string;
+                    permission_key: string;
+                    role_id: string;
+                };
+                Update: {
+                    granted_at?: string;
+                    permission_key?: string;
+                    role_id?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "org_rol_grants_permission_key_fkey";
+                        columns: ["permission_key"];
+                        isOneToOne: false;
+                        referencedRelation: "org_rol_permissions";
+                        referencedColumns: ["key"];
+                    },
+                    {
+                        foreignKeyName: "org_rol_grants_role_id_fkey";
+                        columns: ["role_id"];
+                        isOneToOne: false;
+                        referencedRelation: "org_rol_definitions";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            org_rol_permissions: {
+                Row: {
+                    created_at: string;
+                    description: string;
+                    is_org_grantable: boolean;
+                    key: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    description: string;
+                    is_org_grantable?: boolean;
+                    key: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    description?: string;
+                    is_org_grantable?: boolean;
+                    key?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             organizations: {
                 Row: {
                     config: Json;
@@ -2476,7 +2620,8 @@ type Database = {
                     created_at: string;
                     description: string | null;
                     id: string;
-                    key: string;
+                    key_hash: string;
+                    key_prefix: string | null;
                     last_triggered_at: string | null;
                     name: string;
                     organization_id: string;
@@ -2489,7 +2634,8 @@ type Database = {
                     created_at?: string;
                     description?: string | null;
                     id?: string;
-                    key: string;
+                    key_hash: string;
+                    key_prefix?: string | null;
                     last_triggered_at?: string | null;
                     name: string;
                     organization_id: string;
@@ -2502,7 +2648,8 @@ type Database = {
                     created_at?: string;
                     description?: string | null;
                     id?: string;
-                    key?: string;
+                    key_hash?: string;
+                    key_prefix?: string | null;
                     last_triggered_at?: string | null;
                     name?: string;
                     organization_id?: string;
@@ -2548,6 +2695,13 @@ type Database = {
                 Args: never;
                 Returns: string;
             };
+            can_assign_role_in_org: {
+                Args: {
+                    p_role_id: string;
+                    p_target_membership_id: string;
+                };
+                Returns: boolean;
+            };
             current_user_is_platform_admin: {
                 Args: never;
                 Returns: boolean;
@@ -2577,6 +2731,10 @@ type Database = {
                     user_id: string;
                 }[];
             };
+            get_platform_credential_kek: {
+                Args: never;
+                Returns: string;
+            };
             get_storage_org_id: {
                 Args: {
                     file_path: string;
@@ -2587,6 +2745,13 @@ type Database = {
                 Args: never;
                 Returns: string;
             };
+            has_org_permission: {
+                Args: {
+                    org_id: string;
+                    perm_key: string;
+                };
+                Returns: boolean;
+            };
             is_org_admin: {
                 Args: {
                     org_id: string;
@@ -2619,6 +2784,22 @@ type Database = {
                 Args: never;
                 Returns: Json;
             };
+            recompute_all_memberships: {
+                Args: never;
+                Returns: undefined;
+            };
+            sync_all_memberships_with_role: {
+                Args: {
+                    p_role_id: string;
+                };
+                Returns: undefined;
+            };
+            sync_one_membership: {
+                Args: {
+                    p_membership_id: string;
+                };
+                Returns: undefined;
+            };
             upsert_user_profile: {
                 Args: never;
                 Returns: {

package/dist/provider/index.css

@@ -125,6 +125,390 @@
   }
 }
 
+/* src/graph/Graph.module.css */
+@keyframes edgeFlow {
+  0% {
+    stroke-dashoffset: 24;
+  }
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes edgeFlowReverse {
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: 24;
+  }
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes livePulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}
+.livePulse {
+  animation: livePulse 2s ease-in-out infinite;
+}
+@keyframes glowPulse {
+  0%, 100% {
+    box-shadow: 0 0 5px var(--glow-color, color-mix(in srgb, var(--color-primary) 30%, transparent)), 0 0 15px var(--glow-color, color-mix(in srgb, var(--color-primary) 10%, transparent));
+  }
+  50% {
+    box-shadow: 0 0 10px var(--glow-color, color-mix(in srgb, var(--color-primary) 50%, transparent)), 0 0 20px var(--glow-color, color-mix(in srgb, var(--color-primary) 20%, transparent));
+  }
+}
+@keyframes nodeEnter {
+  0% {
+    opacity: 0;
+    transform: scale(0.8) translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+@keyframes handlePulse {
+  0%, 100% {
+    transform: scale(1);
+    box-shadow: 0 0 0 0 var(--handle-color, color-mix(in srgb, var(--color-primary) 40%, transparent));
+  }
+  50% {
+    transform: scale(1.2);
+    box-shadow: 0 0 0 4px var(--handle-color, color-mix(in srgb, var(--color-primary) 0%, transparent));
+  }
+}
+@keyframes gridMove {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: 40px 40px;
+  }
+}
+@keyframes labelFadeIn {
+  0% {
+    opacity: 0;
+    transform: translate(-50%, -50%) translate(var(--label-x), var(--label-y)) scale(0.8);
+  }
+  100% {
+    opacity: 1;
+    transform: translate(-50%, -50%) translate(var(--label-x), var(--label-y)) scale(1);
+  }
+}
+@keyframes scanLine {
+  0% {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+}
+.graphContainer {
+  position: relative;
+  background-image:
+    linear-gradient(color-mix(in srgb, var(--color-primary) 5%, transparent) 1px, transparent 1px),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--color-primary) 5%, transparent) 1px,
+      transparent 1px),
+    radial-gradient(
+      ellipse at 50% 50%,
+      color-mix(in srgb, var(--color-primary) 1.25%, transparent) 0%,
+      transparent 70%);
+  background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
+  backdrop-filter: var(--glass-blur);
+  background-size:
+    40px 40px,
+    40px 40px,
+    100% 100%;
+  animation: gridMove 20s linear infinite;
+}
+[data-mantine-color-scheme=dark] .graphContainer {
+  background-image:
+    linear-gradient(color-mix(in srgb, var(--color-primary) 9%, transparent) 1px, transparent 1px),
+    linear-gradient(
+      90deg,
+      color-mix(in srgb, var(--color-primary) 9%, transparent) 1px,
+      transparent 1px),
+    radial-gradient(
+      ellipse at 50% 50%,
+      color-mix(in srgb, var(--color-primary) 2.25%, transparent) 0%,
+      transparent 70%);
+  background-size:
+    40px 40px,
+    40px 40px,
+    100% 100%;
+}
+.node {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+}
+.node:nth-child(1) {
+  animation-delay: 0.05s;
+}
+.node:nth-child(2) {
+  animation-delay: 0.1s;
+}
+.node:nth-child(3) {
+  animation-delay: 0.15s;
+}
+.node:nth-child(4) {
+  animation-delay: 0.2s;
+}
+.node:nth-child(5) {
+  animation-delay: 0.25s;
+}
+.node:nth-child(6) {
+  animation-delay: 0.3s;
+}
+.node:nth-child(7) {
+  animation-delay: 0.35s;
+}
+.node:nth-child(8) {
+  animation-delay: 0.4s;
+}
+.node:nth-child(9) {
+  animation-delay: 0.45s;
+}
+.node:nth-child(10) {
+  animation-delay: 0.5s;
+}
+.node:nth-child(11) {
+  animation-delay: 0.55s;
+}
+.node:nth-child(12) {
+  animation-delay: 0.6s;
+}
+.nodeCard {
+  position: relative;
+  border-radius: var(--mantine-radius-md);
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.nodeCard::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background:
+    linear-gradient(
+      135deg,
+      var(--node-color-light, color-mix(in srgb, var(--color-primary) 10%, transparent)) 0%,
+      transparent 50%,
+      var(--node-color-light, color-mix(in srgb, var(--color-primary) 5%, transparent)) 100%);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.nodeCard::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 30%;
+  background:
+    linear-gradient(
+      180deg,
+      transparent 0%,
+      var(--node-color-glow, color-mix(in srgb, var(--color-primary) 10%, transparent)) 50%,
+      transparent 100%);
+  pointer-events: none;
+  opacity: 0;
+}
+.nodeCard:hover::before,
+.nodeCardSelected::before {
+  opacity: 1;
+}
+.nodeCard:hover::after,
+.nodeCardSelected::after {
+  animation: scanLine 3s ease-in-out infinite;
+}
+.nodeCard:hover {
+  transform: translateY(-2px) scale(1.02);
+}
+.nodeCardSelected {
+  transform: translateY(-2px) scale(1.02);
+  animation: glowPulse 2s ease-in-out infinite;
+}
+.nodeAgent {
+  --glow-color: rgba(139, 92, 246, 0.4);
+  --node-color-light: rgba(139, 92, 246, 0.1);
+  --node-color-glow: rgba(139, 92, 246, 0.15);
+  --handle-color: rgba(139, 92, 246, 0.5);
+  --gradient-start: rgba(139, 92, 246, 0.15);
+  --gradient-end: rgba(139, 92, 246, 0.05);
+}
+.nodeWorkflow {
+  --glow-color: rgba(59, 130, 246, 0.4);
+  --node-color-light: rgba(59, 130, 246, 0.1);
+  --node-color-glow: rgba(59, 130, 246, 0.15);
+  --handle-color: rgba(59, 130, 246, 0.5);
+  --gradient-start: rgba(59, 130, 246, 0.15);
+  --gradient-end: rgba(59, 130, 246, 0.05);
+}
+.nodeTrigger {
+  --glow-color: rgba(249, 115, 22, 0.4);
+  --node-color-light: rgba(249, 115, 22, 0.1);
+  --node-color-glow: rgba(249, 115, 22, 0.15);
+  --handle-color: rgba(249, 115, 22, 0.5);
+  --gradient-start: rgba(249, 115, 22, 0.15);
+  --gradient-end: rgba(249, 115, 22, 0.05);
+}
+.nodeIntegration {
+  --glow-color: rgba(20, 184, 166, 0.4);
+  --node-color-light: rgba(20, 184, 166, 0.1);
+  --node-color-glow: rgba(20, 184, 166, 0.15);
+  --handle-color: rgba(20, 184, 166, 0.5);
+  --gradient-start: rgba(20, 184, 166, 0.15);
+  --gradient-end: rgba(20, 184, 166, 0.05);
+}
+.nodeExternal {
+  --glow-color: rgba(107, 114, 128, 0.4);
+  --node-color-light: rgba(107, 114, 128, 0.1);
+  --node-color-glow: rgba(107, 114, 128, 0.15);
+  --handle-color: rgba(107, 114, 128, 0.5);
+  --gradient-start: rgba(107, 114, 128, 0.15);
+  --gradient-end: rgba(107, 114, 128, 0.05);
+}
+.nodeHuman {
+  --glow-color: rgba(245, 158, 11, 0.4);
+  --node-color-light: rgba(245, 158, 11, 0.1);
+  --node-color-glow: rgba(245, 158, 11, 0.15);
+  --handle-color: rgba(245, 158, 11, 0.5);
+  --gradient-start: rgba(245, 158, 11, 0.15);
+  --gradient-end: rgba(245, 158, 11, 0.05);
+}
+.nodePrimary {
+  --glow-color: rgba(37, 99, 235, 0.4);
+  --node-color-light: rgba(37, 99, 235, 0.1);
+  --node-color-glow: rgba(37, 99, 235, 0.15);
+  --handle-color: rgba(37, 99, 235, 0.5);
+  --gradient-start: rgba(37, 99, 235, 0.15);
+  --gradient-end: rgba(37, 99, 235, 0.05);
+}
+.handle {
+  transition: all 0.2s ease;
+}
+.handle:hover {
+  animation: handlePulse 1s ease-in-out infinite;
+}
+.nodeIcon {
+  transition: all 0.3s ease;
+}
+.badge {
+  transition: all 0.2s ease;
+  backdrop-filter: blur(4px);
+}
+.nodeCard:hover .badge {
+  transform: scale(1.05);
+}
+.badgeProd {
+  box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
+}
+.edge {
+  transition: all 0.3s ease;
+}
+.edgeAnimated {
+  stroke-dasharray: 8 4;
+  animation: edgeFlow 1s linear infinite;
+}
+.edgeGlow {
+  filter: drop-shadow(0 0 3px var(--edge-color, color-mix(in srgb, var(--color-primary) 50%, transparent)));
+}
+.edgeHighlighted {
+  stroke-width: 3px;
+}
+.edgeLabel {
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 20px var(--label-glow, color-mix(in srgb, var(--color-primary) 20%, transparent));
+  transition: box-shadow 0.2s ease;
+}
+.edgeLabel:hover {
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 0 30px var(--label-glow, color-mix(in srgb, var(--color-primary) 30%, transparent));
+}
+.legend {
+  backdrop-filter: var(--glass-blur);
+  background: var(--glass-background);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 40px color-mix(in srgb, var(--color-primary) 10%, transparent);
+}
+[data-mantine-color-scheme=dark] .legend {
+  border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
+}
+.legendDot {
+  transition: all 0.2s ease;
+  box-shadow: 0 0 8px currentColor;
+}
+.legendDot:hover {
+  transform: scale(1.3);
+  box-shadow: 0 0 12px currentColor;
+}
+.nodeHighlighted .nodeCard {
+  transform: translateY(-2px) scale(1.02);
+}
+.nodeHighlighted .nodeCard::before {
+  opacity: 1;
+}
+.nodeHighlighted .nodeCard::after {
+  animation: scanLine 3s ease-in-out infinite;
+}
+.nodeDimmed {
+  opacity: 0.3;
+  filter: grayscale(0.5);
+  transition: all 0.3s ease;
+}
+.edgeHighlighted {
+  stroke-width: 4px !important;
+}
+.edgeDimmed {
+  opacity: 0.15;
+  transition: all 0.3s ease;
+}
+.edgeLabelDimmed {
+  opacity: 0.15;
+  transition: opacity 0.3s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .node,
+  .nodeCard::after,
+  .edgeAnimated,
+  .nodeIcon,
+  .handle:hover,
+  .graphContainer {
+    animation: none;
+  }
+  .nodeCard:hover {
+    transform: none;
+  }
+}
+
+/* src/graph/Graph.globals.css */
+.elevasis-graph-root .react-flow__node.selected,
+.elevasis-graph-root .react-flow__node:focus,
+.elevasis-graph-root .react-flow__node:focus-visible {
+  outline: none !important;
+}
+.elevasis-graph-root .react-flow__node.selected > * {
+  box-shadow: none;
+}
+
 /* src/theme/custom.css */
 .mantine-Button-root[data-variant=default] {
   background-color: var(--color-surface);