@elevasis/ui 2.35.0 → 2.37.0

package/dist/api/index.js

@@ -1,6 +1,7 @@
-export { createElevasisQueryClient } from '../chunk-YYX7OPZQ.js';
-export { ApiClientProvider, useApiClient, useApiClientContext } from '../chunk-57OZ3AEG.js';
-import '../chunk-GEFWMU26.js';
+export { createElevasisQueryClient } from '../chunk-73EWE2EW.js';
+export { ApiClientProvider, useApiClient, useApiClientContext } from '../chunk-Y3JQBSKQ.js';
+import '../chunk-X66MVMZT.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-DD3CCMCZ.js';
+import '../chunk-6ROXVZ3L.js';
 import '../chunk-I2KLQ2HA.js';

package/dist/app/index.css

@@ -263,387 +263,3 @@
   letter-spacing: 0.12em;
   color: var(--color-text-dimmed);
 }
-
-/* 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/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;
-  }
-}

package/dist/app/index.d.ts

@@ -2790,6 +2790,7 @@ type Database = {
                     title: string | null;
                     updated_at: string;
                     user_id: string;
+                    visibility: string;
                 };
                 Insert: {
                     content: string;
@@ -2804,6 +2805,7 @@ type Database = {
                     title?: string | null;
                     updated_at?: string;
                     user_id: string;
+                    visibility?: string;
                 };
                 Update: {
                     content?: string;
@@ -2818,6 +2820,7 @@ type Database = {
                     title?: string | null;
                     updated_at?: string;
                     user_id?: string;
+                    visibility?: string;
                 };
                 Relationships: [
                     {
@@ -2986,6 +2989,12 @@ type Database = {
                 Args: never;
                 Returns: boolean;
             };
+            current_user_shares_org_with: {
+                Args: {
+                    other_user_id: string;
+                };
+                Returns: boolean;
+            };
             current_user_supabase_id: {
                 Args: never;
                 Returns: string;
@@ -3025,6 +3034,20 @@ type Database = {
                 Args: never;
                 Returns: string;
             };
+            has_org_access: {
+                Args: {
+                    action?: string;
+                    org_id: string;
+                    system_path: string;
+                };
+                Returns: boolean;
+            } | {
+                Args: {
+                    action?: string;
+                    system_path: string;
+                };
+                Returns: boolean;
+            };
             has_org_permission: {
                 Args: {
                     org_id: string;
@@ -3230,6 +3253,10 @@ declare const AcqListResponseSchema: z$1.ZodObject<{
             enabled: z$1.ZodOptional<z$1.ZodBoolean>;
             order: z$1.ZodOptional<z$1.ZodNumber>;
         }, z$1.core.$strip>>>;
+        dataMode: z$1.ZodOptional<z$1.ZodEnum<{
+            mock: "mock";
+            live: "live";
+        }>>;
     }, z$1.core.$strip>;
 }, z$1.core.$strip>;
 type AcqListResponse = z$1.infer<typeof AcqListResponseSchema>;
@@ -3387,9 +3414,9 @@ declare const SurfaceTypeSchema: z$1.ZodEnum<{
     dashboard: "dashboard";
     settings: "settings";
     graph: "graph";
-    list: "list";
     page: "page";
     detail: "detail";
+    list: "list";
 }>;
 interface SidebarSurfaceNode {
     type: 'surface';
@@ -3822,8 +3849,8 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         description: z$1.ZodOptional<z$1.ZodString>;
         ownerRoleId: z$1.ZodOptional<z$1.ZodString>;
         status: z$1.ZodEnum<{
-            deprecated: "deprecated";
             active: "active";
+            deprecated: "deprecated";
             archived: "archived";
         }>;
         ontology: z$1.ZodOptional<z$1.ZodObject<{
@@ -3841,12 +3868,12 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         codeRefs: z$1.ZodDefault<z$1.ZodArray<z$1.ZodObject<{
             path: z$1.ZodString;
             role: z$1.ZodEnum<{
-                config: "config";
                 entrypoint: "entrypoint";
                 handler: "handler";
                 schema: "schema";
                 test: "test";
                 docs: "docs";
+                config: "config";
             }>;
             symbol: z$1.ZodOptional<z$1.ZodString>;
             description: z$1.ZodOptional<z$1.ZodString>;
@@ -3857,10 +3884,10 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             label: z$1.ZodString;
             payloadSchema: z$1.ZodOptional<z$1.ZodString>;
             lifecycle: z$1.ZodOptional<z$1.ZodEnum<{
+                active: "active";
                 deprecated: "deprecated";
                 draft: "draft";
                 beta: "beta";
-                active: "active";
                 archived: "archived";
             }>>;
         }, z$1.core.$strip>>>;
@@ -3872,8 +3899,8 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         description: z$1.ZodOptional<z$1.ZodString>;
         ownerRoleId: z$1.ZodOptional<z$1.ZodString>;
         status: z$1.ZodEnum<{
-            deprecated: "deprecated";
             active: "active";
+            deprecated: "deprecated";
             archived: "archived";
         }>;
         ontology: z$1.ZodOptional<z$1.ZodObject<{
@@ -3891,12 +3918,12 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         codeRefs: z$1.ZodDefault<z$1.ZodArray<z$1.ZodObject<{
             path: z$1.ZodString;
             role: z$1.ZodEnum<{
-                config: "config";
                 entrypoint: "entrypoint";
                 handler: "handler";
                 schema: "schema";
                 test: "test";
                 docs: "docs";
+                config: "config";
             }>;
             symbol: z$1.ZodOptional<z$1.ZodString>;
             description: z$1.ZodOptional<z$1.ZodString>;
@@ -3938,10 +3965,10 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             label: z$1.ZodString;
             payloadSchema: z$1.ZodOptional<z$1.ZodString>;
             lifecycle: z$1.ZodOptional<z$1.ZodEnum<{
+                active: "active";
                 deprecated: "deprecated";
                 draft: "draft";
                 beta: "beta";
-                active: "active";
                 archived: "archived";
             }>>;
         }, z$1.core.$strip>>>;
@@ -3953,8 +3980,8 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         description: z$1.ZodOptional<z$1.ZodString>;
         ownerRoleId: z$1.ZodOptional<z$1.ZodString>;
         status: z$1.ZodEnum<{
-            deprecated: "deprecated";
             active: "active";
+            deprecated: "deprecated";
             archived: "archived";
         }>;
         ontology: z$1.ZodOptional<z$1.ZodObject<{
@@ -3972,12 +3999,12 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         codeRefs: z$1.ZodDefault<z$1.ZodArray<z$1.ZodObject<{
             path: z$1.ZodString;
             role: z$1.ZodEnum<{
-                config: "config";
                 entrypoint: "entrypoint";
                 handler: "handler";
                 schema: "schema";
                 test: "test";
                 docs: "docs";
+                config: "config";
             }>;
             symbol: z$1.ZodOptional<z$1.ZodString>;
             description: z$1.ZodOptional<z$1.ZodString>;
@@ -3992,8 +4019,8 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         description: z$1.ZodOptional<z$1.ZodString>;
         ownerRoleId: z$1.ZodOptional<z$1.ZodString>;
         status: z$1.ZodEnum<{
-            deprecated: "deprecated";
             active: "active";
+            deprecated: "deprecated";
             archived: "archived";
         }>;
         ontology: z$1.ZodOptional<z$1.ZodObject<{
@@ -4011,12 +4038,12 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         codeRefs: z$1.ZodDefault<z$1.ZodArray<z$1.ZodObject<{
             path: z$1.ZodString;
             role: z$1.ZodEnum<{
-                config: "config";
                 entrypoint: "entrypoint";
                 handler: "handler";
                 schema: "schema";
                 test: "test";
                 docs: "docs";
+                config: "config";
             }>;
             symbol: z$1.ZodOptional<z$1.ZodString>;
             description: z$1.ZodOptional<z$1.ZodString>;
@@ -4130,10 +4157,10 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
         }, z$1.core.$strip>], "kind">>>;
         knowledge: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>>;
         lifecycle: z$1.ZodDefault<z$1.ZodEnum<{
+            active: "active";
             deprecated: "deprecated";
             draft: "draft";
             beta: "beta";
-            active: "active";
             archived: "archived";
         }>>;
     }, z$1.core.$strip>>>>;
@@ -4211,10 +4238,10 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             roleIds: z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>;
         }, z$1.core.$strip>>;
         lifecycle: z$1.ZodDefault<z$1.ZodEnum<{
+            active: "active";
             deprecated: "deprecated";
             draft: "draft";
             beta: "beta";
-            active: "active";
             archived: "archived";
         }>>;
     }, z$1.core.$strip>>>>;
@@ -4297,12 +4324,12 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
                 kind: z$1.ZodEnum<{
                     knowledge: "knowledge";
                     system: "system";
+                    resource: "resource";
                     action: "action";
                     ontology: "ontology";
                     role: "role";
-                    goal: "goal";
-                    resource: "resource";
                     stage: "stage";
+                    goal: "goal";
                     "customer-segment": "customer-segment";
                     offering: "offering";
                 }>;
@@ -4312,7 +4339,7 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             nodeId: z$1.ZodUnion<readonly [z$1.ZodString, z$1.ZodTemplateLiteral<`ontology:${string}`>]>;
         }, z$1.core.$strip>]>, z$1.ZodTransform<{
             target: {
-                kind: "knowledge" | "system" | "action" | "ontology" | "role" | "goal" | "resource" | "stage" | "customer-segment" | "offering";
+                kind: "knowledge" | "system" | "resource" | "action" | "ontology" | "role" | "stage" | "goal" | "customer-segment" | "offering";
                 id: string;
             };
             nodeId: string;
@@ -4320,7 +4347,7 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             nodeId: string;
         } | {
             target: {
-                kind: "knowledge" | "system" | "action" | "ontology" | "role" | "goal" | "resource" | "stage" | "customer-segment" | "offering";
+                kind: "knowledge" | "system" | "resource" | "action" | "ontology" | "role" | "stage" | "goal" | "customer-segment" | "offering";
                 id: string;
             };
         }>>>>;
@@ -4395,7 +4422,7 @@ type FieldPath<T> = T extends object ? {
     [K in keyof T & string]: T[K] extends ReadonlyArray<unknown> | unknown[] ? K : T[K] extends object | undefined ? K | `${K}.${FieldPath<NonNullable<T[K]>>}` : K;
 }[keyof T & string] : never;
 /** Discriminated string union of supported Mantine components. */
-type StepConfigComponent = 'segmented' | 'tags' | 'multiselect' | 'select' | 'textinput' | 'textarea' | 'numberinput' | 'switch' | 'json';
+type StepConfigComponent = 'checkboxgroup' | 'segmented' | 'tags' | 'multiselect' | 'select' | 'textinput' | 'textarea' | 'numberinput' | 'switch' | 'json';
 /** Rendering hint for a single field within a section. */
 interface StepConfigFieldHint<T> {
     /** Typed dotted path into T — typo = TS error. */