@elevasis/ui 1.0.0

package/dist/components/resource-definition/index.d.ts

@@ -0,0 +1,301 @@
+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

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

package/dist/display/index.css

@@ -0,0 +1,53 @@
+/* src/components/display/StatCard.module.css */
+.heroCard {
+  background: var(--glass-background);
+  backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+}
+.iconRing {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border: 1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
+  color: var(--color-primary);
+  flex-shrink: 0;
+  box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 15%, transparent);
+}
+.iconRingSm {
+  composes: iconRing;
+  width: 36px;
+  height: 36px;
+  box-shadow: 0 0 8px color-mix(in srgb, var(--color-primary) 12%, transparent);
+}
+.heroValue {
+  font-family: var(--elevasis-font-family-subtitle);
+  font-size: 1.85rem;
+  font-weight: 800;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+}
+[data-mantine-color-scheme=dark] .heroValue {
+  text-shadow: 0 0 20px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+.heroValueSm {
+  composes: heroValue;
+  font-size: 1.35rem;
+  font-weight: 700;
+}
+.heroLabel {
+  font-size: 0.68rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.12em;
+  color: var(--color-text-dimmed);
+}
+.heroLabelSm {
+  composes: heroLabel;
+  font-size: 0.62rem;
+}