@mastra/playground-ui 0.0.1-alpha.2

package/dist/domains/traces/trace-details.d.ts

@@ -0,0 +1 @@
+export declare function TraceDetails(): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/trace-span-details.d.ts

@@ -0,0 +1 @@
+export declare function SpanDetail(): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/trace-span-view.d.ts

@@ -0,0 +1,8 @@
+import { Span, SpanNode } from './types';
+
+export declare function TreeView({ tree }: {
+    tree: SpanNode[];
+}): import("react/jsx-runtime").JSX.Element;
+export default function SpanView({ trace }: {
+    trace: Span[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/trace-tree-view.d.ts

@@ -0,0 +1,6 @@
+import { SpanNode } from './types';
+
+export declare function TreeNode({ node, depth }: {
+    node: SpanNode;
+    depth?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/traces/types.d.ts

@@ -0,0 +1,49 @@
+export type SpanStatus = {
+    code: number;
+};
+export type SpanOther = {
+    droppedAttributesCount: number;
+    droppedEventsCount: number;
+    droppedLinksCount: number;
+};
+export type SpanEventAttributes = {
+    key: string;
+    value: {
+        [key: string]: string | number | boolean | null;
+    };
+};
+export type SpanEvent = {
+    attributes: SpanEventAttributes[];
+    name: string;
+    timeUnixNano: string;
+    droppedAttributesCount: number;
+};
+export type Span = {
+    id: string;
+    parentSpanId: string | null;
+    traceId: string;
+    name: string;
+    scope: string;
+    kind: number;
+    status: SpanStatus;
+    events: SpanEvent[];
+    links: any[];
+    attributes: Record<string, string | number | boolean | null>;
+    startTime: number;
+    endTime: number;
+    duration: number;
+    other: SpanOther;
+    createdAt: string;
+};
+export type SpanNode = Span & {
+    children: SpanNode[];
+    relativePercentage?: number;
+};
+export type RefinedTrace = {
+    traceId: string;
+    serviceName: string;
+    duration: number;
+    started: number;
+    status: SpanStatus;
+    trace: Span[];
+};

package/dist/domains/traces/utils.d.ts

@@ -0,0 +1,15 @@
+import { RefinedTrace, Span } from './types';
+
+/**
+ *
+ * @param duration duration of the span
+ * @param fixedPoint how many fixed point
+ * @returns duration in milliseconds in fixed points
+ */
+export declare function formatDuration(duration: number, fixedPoint?: number): string;
+export declare function formatOtelTimestamp(otelTimestamp: number): string;
+export declare function formatOtelTimestamp2(otelTimestamp: number): string;
+export declare function transformKey(key: string): string[] | "Input" | "Output";
+export declare function cleanString(string: string): string;
+export declare const refineTraces: (traces: Span[], isWorkflow?: boolean) => RefinedTrace[];
+export declare const allowedAiSpanAttributes: string[];

package/dist/domains/workflows/index.d.ts

@@ -0,0 +1,3 @@
+export * from './workflow/workflow-traces';
+export * from './workflow/workflow-graph';
+export * from './workflows-table';

package/dist/domains/workflows/workflow/utils.d.ts

@@ -0,0 +1,22 @@
+import { StepCondition } from '@mastra/core/workflows';
+import { Node, Edge } from '@xyflow/react';
+
+export type Condition = {
+    ref: {
+        step: {
+            id: string;
+        } | 'trigger';
+        path: string;
+    };
+    query: Record<string, any>;
+    conj?: 'and' | 'or';
+};
+export declare const pathAlphabet: string[];
+export declare function extractConditions(group?: StepCondition<any, any>): Condition[];
+export declare const contructNodesAndEdges: ({ stepGraph, stepSubscriberGraph, }: {
+    stepGraph: any;
+    stepSubscriberGraph: any;
+}) => {
+    nodes: Node[];
+    edges: Edge[];
+};

package/dist/domains/workflows/workflow/workflow-condition-node.d.ts

@@ -0,0 +1,7 @@
+import { NodeProps, Node } from '@xyflow/react';
+import { Condition } from './utils';
+
+export type ConditionNode = Node<{
+    conditions: Condition[];
+}, 'condition-node'>;
+export declare function WorkflowConditionNode({ data }: NodeProps<ConditionNode>): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-default-node.d.ts

@@ -0,0 +1,9 @@
+import { NodeProps, Node } from '@xyflow/react';
+
+export type DefaultNode = Node<{
+    label: string;
+    description?: string;
+    withoutTopHandle?: boolean;
+    withoutBottomHandle?: boolean;
+}, 'default-node'>;
+export declare function WorkflowDefaultNode({ data }: NodeProps<DefaultNode>): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-graph-inner.d.ts

@@ -0,0 +1,5 @@
+import { Workflow } from '@mastra/core/workflows';
+
+export declare function WorkflowGraphInner({ workflow }: {
+    workflow: Workflow;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-graph.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkflowGraph({ workflowId, baseUrl }: {
+    workflowId: string;
+    baseUrl: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflow/workflow-traces.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from '../../../../node_modules/@types/react';
+
+export declare function WorkflowTraces({ workflowName, baseUrl, sidebarChild, }: {
+    workflowName: string;
+    baseUrl: string;
+    sidebarChild: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/domains/workflows/workflows-table.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+
+export declare const WorkflowsTable: ({ title, workflowsList, columns, isLoading, }: {
+    title?: React.ReactNode;
+    workflowsList: any[];
+    columns: ColumnDef<any>[];
+    isLoading?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-evals.d.ts

@@ -0,0 +1,19 @@
+import { TestInfo, MetricResult } from '@mastra/core/eval';
+
+export type Evals = {
+    input: string;
+    output: string;
+    result: MetricResult;
+    agentName: string;
+    createdAt: string;
+    metricName: string;
+    instructions: string;
+    runId: string;
+    globalRunId: string;
+    testInfo?: TestInfo;
+};
+export declare const useEvalsByAgentId: (agentId: string, type: "ci" | "live", baseUrl?: string) => {
+    evals: Evals[];
+    isLoading: boolean;
+    refetchEvals: (_agentId?: string) => Promise<void>;
+};

package/dist/hooks/use-resize-column.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent as ReactMouseEvent } from '../../node_modules/@types/react';
+
+export declare const useResizeColumn: ({ defaultWidth, minimumWidth, maximumWidth, }: {
+    defaultWidth: number;
+    minimumWidth: number;
+    maximumWidth: number;
+}) => {
+    sidebarWidth: number;
+    isDragging: boolean;
+    handleMouseDown: (e: ReactMouseEvent) => void;
+    containerRef: import('../../node_modules/@types/react').RefObject<HTMLDivElement | null>;
+};

package/dist/hooks/use-traces.d.ts

@@ -0,0 +1,9 @@
+import { RefinedTrace } from '../domains/traces/types';
+
+export declare const useTraces: (componentName: string, baseUrl: string, isWorkflow?: boolean) => {
+    traces: RefinedTrace[] | null;
+    firstCallLoading: boolean;
+    error: {
+        message: string;
+    } | null;
+};

package/dist/hooks/use-workflows.d.ts

@@ -0,0 +1,6 @@
+import { Workflow } from '@mastra/core/workflows';
+
+export declare const useWorkflow: (workflowId: string, baseUrl: string) => {
+    workflow: Workflow<any, any> | null;
+    isLoading: boolean;
+};

package/dist/index.css

@@ -0,0 +1,7 @@
+.thread-viewport > [data-radix-scroll-area-content] {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-self: stretch;
+    background-color: inherit
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+
+export * from './chat-ui/chat';
+export * from './domains/agents/index';
+export * from './domains/workflows/index';