@elevasis/ui 1.3.0 → 1.3.2

package/dist/components/resource-definition/index.css

@@ -1,388 +0,0 @@
-/* src/graph/Graph.globals.css */
-/* 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 :global(.react-flow__node.selected),
-.graphContainer :global(.react-flow__node:focus),
-.graphContainer :global(.react-flow__node:focus-visible) {
-  outline: none !important;
-}
-.graphContainer :global(.react-flow__node.selected > *) {
-  box-shadow: none;
-}
-.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) 5%, transparent) 0%,
-      transparent 70%);
-  background-color: var(--color-background);
-  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) 9%, transparent) 0%,
-      transparent 70%);
-  background-color: var(--color-background);
-  background-size:
-    40px 40px,
-    40px 40px,
-    100% 100%;
-}
-.node {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  position: relative;
-}
-.node :global(.react-flow__node.selected),
-.node :global(.react-flow__node:focus),
-.node :global(.react-flow__node:focus-visible) {
-  outline: none !important;
-  box-shadow: none !important;
-}
-.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/components/resource-definition/index.d.ts

@@ -1,301 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { Node, Edge, NodeProps, EdgeProps } from '@xyflow/react';
-
-/**
- * Shared form field types for dynamic form generation
- * Used by: Command Queue, Execution Runner UI, future form-based features
- */
-/**
- * Supported form field types for action payloads
- * Maps to Mantine form components
- */
-type FormFieldType = 'text' | 'textarea' | 'number' | 'select' | 'checkbox' | 'radio' | 'richtext';
-
-/**
- * Serialized Registry Types
- *
- * Pre-computed JSON-safe types for API responses and Command View.
- * Serialization happens once at API startup, enabling instant response times.
- */
-
-/**
- * Serialized form field for API responses
- */
-interface SerializedFormField {
-    name: string;
-    label: string;
-    type: FormFieldType;
-    defaultValue?: unknown;
-    required?: boolean;
-    placeholder?: string;
-    description?: string;
-    options?: Array<{
-        label: string;
-        value: string | number;
-    }>;
-    min?: number;
-    max?: number;
-}
-/**
- * Serialized form schema for API responses
- */
-interface SerializedFormSchema {
-    title?: string;
-    description?: string;
-    fields: SerializedFormField[];
-    layout?: 'vertical' | 'horizontal' | 'grid';
-}
-/**
- * Serialized execution form schema for API responses
- */
-interface SerializedExecutionFormSchema extends SerializedFormSchema {
-    fieldMappings?: Record<string, string>;
-    submitButton?: {
-        label?: string;
-        loadingLabel?: string;
-        confirmMessage?: string;
-    };
-}
-/**
- * Serialized schedule config for API responses
- */
-interface SerializedScheduleConfig {
-    enabled: boolean;
-    defaultSchedule?: string;
-    allowedPatterns?: string[];
-}
-/**
- * Serialized webhook config for API responses
- */
-interface SerializedWebhookConfig {
-    enabled: boolean;
-    payloadSchema?: unknown;
-}
-/**
- * Serialized execution interface for API responses
- */
-interface SerializedExecutionInterface {
-    form: SerializedExecutionFormSchema;
-    schedule?: SerializedScheduleConfig;
-    webhook?: SerializedWebhookConfig;
-}
-/**
- * Serialized agent definition (JSON-safe)
- * Result of serializeDefinition(AgentDefinition)
- */
-interface SerializedAgentDefinition {
-    config: {
-        resourceId: string;
-        name: string;
-        description: string;
-        version: string;
-        type: 'agent';
-        status: 'dev' | 'prod';
-        /** Whether this resource is archived and should be excluded from registration and deployment */
-        archived?: boolean;
-        systemPrompt: string;
-        constraints?: {
-            maxIterations?: number;
-            timeout?: number;
-            maxSessionMemoryKeys?: number;
-            maxMemoryTokens?: number;
-        };
-        sessionCapable?: boolean;
-        memoryPreferences?: string;
-    };
-    modelConfig: {
-        provider: string;
-        model: string;
-        apiKey: string;
-        temperature: number;
-        maxOutputTokens: number;
-        topP?: number;
-        modelOptions?: Record<string, unknown>;
-    };
-    contract: {
-        inputSchema: object;
-        outputSchema?: object;
-    };
-    tools: Array<{
-        name: string;
-        description: string;
-        inputSchema?: object;
-        outputSchema?: object;
-    }>;
-    knowledgeMap?: {
-        nodeCount: number;
-        nodes: Array<{
-            id: string;
-            description: string;
-            loaded: boolean;
-            hasPrompt: boolean;
-        }>;
-    };
-    metricsConfig?: object;
-    interface?: SerializedExecutionInterface;
-}
-/**
- * Serialized workflow definition (JSON-safe)
- * Result of serializeDefinition(WorkflowDefinition)
- */
-interface SerializedWorkflowDefinition {
-    config: {
-        resourceId: string;
-        name: string;
-        description: string;
-        version: string;
-        type: 'workflow';
-        status: 'dev' | 'prod';
-        /** Whether this resource is archived and should be excluded from registration and deployment */
-        archived?: boolean;
-    };
-    entryPoint: string;
-    steps: Array<{
-        id: string;
-        name: string;
-        description: string;
-        inputSchema?: object;
-        outputSchema?: object;
-        next: {
-            type: 'linear' | 'conditional';
-            target?: string;
-            routes?: Array<{
-                target: string;
-            }>;
-            default?: string;
-        } | null;
-    }>;
-    contract: {
-        inputSchema: object;
-        outputSchema?: object;
-    };
-    metricsConfig?: object;
-    interface?: SerializedExecutionInterface;
-}
-
-/**
- * Base Execution Engine type definitions
- * Core types shared across all Execution Engine resources
- */
-
-/**
- * NOTE: AIResource interface has been removed and replaced with ResourceDefinition
- * from registry/types.ts. All resources (executable and non-executable) now extend
- * the unified ResourceDefinition base interface.
- *
- * AgentConfig and WorkflowConfig now extend ResourceDefinition directly.
- * See packages/core/src/registry/types.ts for the base interface definition.
- */
-type AIResourceDefinition = SerializedWorkflowDefinition | SerializedAgentDefinition;
-
-interface ResourceDefinitionSectionProps {
-    resourceDefinition: AIResourceDefinition;
-    defaultExpanded?: boolean;
-}
-declare function ResourceDefinitionSection({ resourceDefinition, defaultExpanded }: ResourceDefinitionSectionProps): react_jsx_runtime.JSX.Element;
-
-interface AgentDefinitionDisplayProps {
-    agent: SerializedAgentDefinition;
-    defaultExpanded?: boolean;
-}
-declare function AgentDefinitionDisplay({ agent, defaultExpanded }: AgentDefinitionDisplayProps): react_jsx_runtime.JSX.Element;
-
-interface WorkflowDefinitionDisplayProps {
-    workflow: SerializedWorkflowDefinition;
-    defaultExpanded?: boolean;
-}
-declare function WorkflowDefinitionDisplay({ workflow, defaultExpanded }: WorkflowDefinitionDisplayProps): react_jsx_runtime.JSX.Element;
-
-interface ContractDisplayProps {
-    contract: {
-        inputSchema: unknown;
-        outputSchema?: unknown;
-    };
-    defaultExpanded?: boolean;
-}
-declare function ContractDisplay({ contract, defaultExpanded }: ContractDisplayProps): react_jsx_runtime.JSX.Element;
-
-interface ConfigItem {
-    label: string;
-    value: ReactNode;
-    mono?: boolean;
-}
-interface ConfigCardProps {
-    icon: ReactNode;
-    title: string;
-    badge?: string;
-    items: ConfigItem[];
-    color?: string;
-}
-declare function ConfigCard({ icon, title, badge, items, color }: ConfigCardProps): react_jsx_runtime.JSX.Element | null;
-
-interface ToolInfo {
-    name: string;
-    description?: string;
-}
-interface ToolsListDisplayProps {
-    tools: Array<string | ToolInfo>;
-    compact?: boolean;
-    maxVisible?: number;
-}
-declare function ToolsListDisplay({ tools, compact, maxVisible }: ToolsListDisplayProps): react_jsx_runtime.JSX.Element;
-
-interface CollapsibleJsonSectionProps {
-    title: React.ReactNode;
-    data: unknown;
-    defaultExpanded?: boolean;
-}
-declare function CollapsibleJsonSection({ title, data, defaultExpanded }: CollapsibleJsonSectionProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Shared types for ResourceDefinition components
- */
-/** Serialized knowledge node from API response */
-interface SerializedKnowledgeNode {
-    id: string;
-    description: string;
-    loaded: boolean;
-    hasPrompt: boolean;
-    [key: string]: unknown;
-}
-/** Serialized knowledge map from API response */
-interface SerializedKnowledgeMap {
-    nodeCount: number;
-    nodes: SerializedKnowledgeNode[];
-}
-
-interface NewKnowledgeMapGraphProps {
-    knowledgeMap: SerializedKnowledgeMap;
-    agentName: string;
-    compact?: boolean;
-    fitViewTrigger?: number;
-}
-declare function NewKnowledgeMapGraph(props: NewKnowledgeMapGraphProps): react_jsx_runtime.JSX.Element;
-
-interface KnowledgeMapNodeData {
-    id: string;
-    name: string;
-    description: string;
-    loaded: boolean;
-    hasPrompt: boolean;
-    isAgentNode: boolean;
-    [key: string]: unknown;
-}
-interface KnowledgeMapEdgeData {
-    [key: string]: unknown;
-}
-declare function useNewKnowledgeMapLayout(knowledgeMap: SerializedKnowledgeMap | undefined, agentName: string): {
-    nodes: Node<KnowledgeMapNodeData>[];
-    edges: Edge<KnowledgeMapEdgeData>[];
-};
-
-type NewKnowledgeMapNodeProps = NodeProps<Node<KnowledgeMapNodeData>>;
-declare const NewKnowledgeMapNode: react.NamedExoticComponent<NewKnowledgeMapNodeProps>;
-
-type NewKnowledgeMapEdgeProps = EdgeProps<Edge<KnowledgeMapEdgeData, string>>;
-declare const NewKnowledgeMapEdge: react.NamedExoticComponent<NewKnowledgeMapEdgeProps>;
-
-export { AgentDefinitionDisplay, CollapsibleJsonSection, ConfigCard, ContractDisplay, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ToolsListDisplay, WorkflowDefinitionDisplay, useNewKnowledgeMapLayout };
-export type { KnowledgeMapEdgeData, KnowledgeMapNodeData, SerializedKnowledgeMap, SerializedKnowledgeNode };

package/dist/components/resource-definition/index.js

@@ -1,3 +0,0 @@
-export { AgentDefinitionDisplay, CollapsibleJsonSection, ConfigCard, ContractDisplay, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, ResourceDefinitionSection, ToolsListDisplay, WorkflowDefinitionDisplay, useNewKnowledgeMapLayout } from '../../chunk-OXVOHOP3.js';
-import '../../chunk-HUWJXLLF.js';
-import '../../chunk-3KMDHCAR.js';