@principal-ai/principal-view-react 0.7.14 → 0.7.16

package/src/stories/data/graph-converter-test-execution.json

@@ -1,347 +1,225 @@
-{
-  "metadata": {
-    "exportedAt": "2026-01-11T00:32:48.199Z",
-    "framework": "bun",
-    "spanCount": 3,
-    "logCount": 8
-  },
-  "spans": [
-    {
-      "id": "span-1",
-      "name": "should convert simple config to nodes and edges",
-      "startTime": 1768091568197,
-      "attributes": {
-        "span.kind": "test.case",
-        "test.name": "should convert simple config to nodes and edges",
-        "test.framework": "bun",
-        "test.file": "GraphConverter.test.ts",
-        "test.suite": "GraphConverter",
-        "test.result": "pass"
-      },
-      "events": [
-        {
-          "time": 1768091568197,
-          "name": "setup.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 36,
-            "description": "Creating test configuration with 2 nodes and 1 edge"
-          }
-        },
-        {
-          "time": 1768091568197,
-          "name": "setup.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 84,
-            "config.nodes": 2,
-            "config.edges": 1
-          }
-        },
-        {
-          "time": 1768091568197,
-          "name": "execution.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 15,
-            "action": "GraphConverter.configToGraph()"
-          }
-        },
-        {
-          "time": 1768091568197,
-          "name": "execution.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 43,
-            "result.nodes.count": 2,
-            "result.edges.count": 1
-          }
-        },
-        {
-          "time": 1768091568197,
-          "name": "assertion.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 133,
-            "assertions": "Verifying nodes and edges structure"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "assertion.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 163,
-            "assertions.passed": 11,
-            "assertions.failed": 0
-          }
-        }
-      ],
-      "status": "OK",
-      "endTime": 1768091568198,
-      "duration": 1
+[
+  {
+    "id": "span-1",
+    "name": "should convert simple config to nodes and edges",
+    "startTime": 1768578318249,
+    "attributes": {
+      "span.kind": "test.case",
+      "test.name": "should convert simple config to nodes and edges",
+      "test.framework": "bun",
+      "test.file": "GraphConverter.test.ts",
+      "test.suite": "GraphConverter",
+      "test.result": "pass"
     },
-    {
-      "id": "span-2",
-      "name": "should extract manual positions from node types",
-      "startTime": 1768091568198,
-      "attributes": {
-        "span.kind": "test.case",
-        "test.name": "should extract manual positions from node types",
-        "test.framework": "bun",
-        "test.file": "GraphConverter.test.ts",
-        "test.suite": "GraphConverter",
-        "test.result": "pass"
+    "events": [
+      {
+        "time": 1768578318249,
+        "name": "setup.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 28,
+          "description": "Creating test configuration with 2 nodes and 1 edge"
+        }
       },
-      "events": [
-        {
-          "time": 1768091568198,
-          "name": "setup.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 217,
-            "description": "Creating config with manual node positions"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "setup.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 244,
-            "config.nodes": 2,
-            "positions.defined": true
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "execution.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 15,
-            "action": "GraphConverter.configToGraph()"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "execution.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 43,
-            "result.nodes.count": 2
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "assertion.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 263,
-            "assertions": "Verifying positions preserved"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "assertion.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 270,
-            "assertions.passed": 2,
-            "assertions.failed": 0
-          }
+      {
+        "time": 1768578318249,
+        "name": "setup.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 68,
+          "config.nodes": 2,
+          "config.edges": 1
         }
-      ],
-      "status": "OK",
-      "endTime": 1768091568198,
-      "duration": 0
-    },
-    {
-      "id": "span-3",
-      "name": "should handle nodes without positions",
-      "startTime": 1768091568198,
-      "attributes": {
-        "span.kind": "test.case",
-        "test.name": "should handle nodes without positions",
-        "test.framework": "bun",
-        "test.file": "GraphConverter.test.ts",
-        "test.suite": "GraphConverter",
-        "test.result": "pass"
       },
-      "events": [
-        {
-          "time": 1768091568198,
-          "name": "setup.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 294,
-            "description": "Creating config without positions"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "setup.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 314,
-            "config.nodes": 1,
-            "positions.defined": false
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "execution.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 15,
-            "action": "GraphConverter.configToGraph()"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "execution.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.ts",
-            "code.lineno": 43,
-            "result.nodes.count": 1
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "assertion.started",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 333,
-            "assertions": "Verifying position is undefined"
-          }
-        },
-        {
-          "time": 1768091568198,
-          "name": "assertion.complete",
-          "attributes": {
-            "code.filepath": "GraphConverter.test.ts",
-            "code.lineno": 339,
-            "assertions.passed": 1,
-            "assertions.failed": 0
-          }
+      {
+        "time": 1768578318249,
+        "name": "execution.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 15,
+          "action": "GraphConverter.configToGraph()"
         }
-      ],
-      "status": "OK",
-      "endTime": 1768091568198,
-      "duration": 0
-    }
-  ],
-  "logs": [
-    {
-      "timestamp": 1768091568197,
-      "severity": "TRACE",
-      "body": "Entering test case for simple config conversion",
-      "resource": {
-        "service.name": "graph-converter-service",
-        "service.version": "1.0.0"
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
-    },
-    {
-      "timestamp": 1768091568197,
-      "severity": "INFO",
-      "body": "Initializing test configuration",
-      "resource": {
-        "service.name": "graph-converter-service"
+      {
+        "time": 1768578318249,
+        "name": "execution.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 43,
+          "result.nodes.count": 2,
+          "result.edges.count": 1
+        }
       },
-      "attributes": {
-        "config.nodeCount": 2,
-        "config.edgeCount": 1
+      {
+        "time": 1768578318249,
+        "name": "assertion.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 91,
+          "assertions": "Verifying nodes and edges structure"
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
+      {
+        "time": 1768578318249,
+        "name": "assertion.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 114,
+          "assertions.passed": 11,
+          "assertions.failed": 0
+        }
+      }
+    ],
+    "status": "OK",
+    "endTime": 1768578318249,
+    "duration": 0
+  },
+  {
+    "id": "span-2",
+    "name": "should extract manual positions from node types",
+    "startTime": 1768578318249,
+    "attributes": {
+      "span.kind": "test.case",
+      "test.name": "should extract manual positions from node types",
+      "test.framework": "bun",
+      "test.file": "GraphConverter.test.ts",
+      "test.suite": "GraphConverter",
+      "test.result": "pass"
     },
-    {
-      "timestamp": 1768091568197,
-      "severity": "DEBUG",
-      "body": {
-        "phase": "setup-complete",
-        "nodeTypes": [
-          "node-a",
-          "node-b"
-        ],
-        "edgeTypes": [
-          "connection"
-        ]
-      },
-      "resource": {
-        "service.name": "graph-converter-service"
+    "events": [
+      {
+        "time": 1768578318249,
+        "name": "setup.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 138,
+          "description": "Creating config with manual node positions"
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
-    },
-    {
-      "timestamp": 1768091568197,
-      "severity": "INFO",
-      "body": "Starting graph conversion process",
-      "resource": {
-        "service.name": "graph-converter-service"
+      {
+        "time": 1768578318249,
+        "name": "setup.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 165,
+          "config.nodes": 2,
+          "positions.defined": true
+        }
       },
-      "attributes": {
-        "operation": "configToGraph",
-        "inputSize.bytes": 387
+      {
+        "time": 1768578318249,
+        "name": "execution.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 15,
+          "action": "GraphConverter.configToGraph()"
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
-    },
-    {
-      "timestamp": 1768091568197,
-      "severity": "DEBUG",
-      "body": "Conversion completed successfully",
-      "resource": {
-        "service.name": "graph-converter-service"
+      {
+        "time": 1768578318249,
+        "name": "execution.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 43,
+          "result.nodes.count": 2
+        }
       },
-      "attributes": {
-        "output.nodeCount": 2,
-        "output.edgeCount": 1,
-        "processingTime.ms": 5
+      {
+        "time": 1768578318249,
+        "name": "assertion.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 184,
+          "assertions": "Verifying positions preserved"
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
+      {
+        "time": 1768578318249,
+        "name": "assertion.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 191,
+          "assertions.passed": 2,
+          "assertions.failed": 0
+        }
+      }
+    ],
+    "status": "OK",
+    "endTime": 1768578318249,
+    "duration": 0
+  },
+  {
+    "id": "span-3",
+    "name": "should handle nodes without positions",
+    "startTime": 1768578318249,
+    "attributes": {
+      "span.kind": "test.case",
+      "test.name": "should handle nodes without positions",
+      "test.framework": "bun",
+      "test.file": "GraphConverter.test.ts",
+      "test.suite": "GraphConverter",
+      "test.result": "pass"
     },
-    {
-      "timestamp": 1768091568197,
-      "severity": "INFO",
-      "body": "Running assertions on converted graph",
-      "resource": {
-        "service.name": "graph-converter-service"
+    "events": [
+      {
+        "time": 1768578318249,
+        "name": "setup.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 215,
+          "description": "Creating config without positions"
+        }
       },
-      "attributes": {
-        "totalAssertions": 11
+      {
+        "time": 1768578318249,
+        "name": "setup.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 235,
+          "config.nodes": 1,
+          "positions.defined": false
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
-    },
-    {
-      "timestamp": 1768091568198,
-      "severity": "INFO",
-      "body": "All assertions passed - test successful",
-      "resource": {
-        "service.name": "graph-converter-service"
+      {
+        "time": 1768578318249,
+        "name": "execution.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 15,
+          "action": "GraphConverter.configToGraph()"
+        }
       },
-      "attributes": {
-        "test.status": "passed",
-        "test.duration.ms": 1
+      {
+        "time": 1768578318249,
+        "name": "execution.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.ts",
+          "code.lineno": 43,
+          "result.nodes.count": 1
+        }
       },
-      "traceId": "span-1",
-      "spanId": "span-1"
-    },
-    {
-      "timestamp": 1768091568198,
-      "severity": "DEBUG",
-      "body": "Test cleanup completed",
-      "resource": {
-        "service.name": "test-cleanup-service",
-        "cleanup.type": "post-test"
+      {
+        "time": 1768578318249,
+        "name": "assertion.started",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 254,
+          "assertions": "Verifying position is undefined"
+        }
       },
-      "attributes": {
-        "test.name": "should convert simple config to nodes and edges"
+      {
+        "time": 1768578318249,
+        "name": "assertion.complete",
+        "attributes": {
+          "code.filepath": "GraphConverter.test.ts",
+          "code.lineno": 260,
+          "assertions.passed": 1,
+          "assertions.failed": 0
+        }
       }
-    }
-  ]
-}
+    ],
+    "status": "OK",
+    "endTime": 1768578318249,
+    "duration": 0
+  }
+]

package/src/stories/data/graph-converter-test.narrative.json

@@ -0,0 +1,106 @@
+{
+  "version": "1.0.0",
+  "canvas": "graph-converter-test.otel.canvas",
+  "name": "Graph Converter Test Narrative",
+  "description": "Human-readable narrative for graph converter test execution",
+  "mode": "span-tree",
+  "scenarioSelection": "first-match",
+  "showLogsPerSpan": true,
+  "scenarios": [
+    {
+      "id": "test-failed",
+      "priority": 1,
+      "description": "Test failed with assertion failures",
+      "condition": {
+        "requires": ["assertion.complete"],
+        "assertions": {
+          "assertions.failed": { "$gt": 0 }
+        }
+      },
+      "template": {
+        "introduction": "❌ Graph Converter Test - FAILED\n{'━'.repeat(50)}",
+        "span": "→ {span.name}",
+        "children": "recurse",
+        "events": {
+          "setup.started": "  🔧 Setting up test: {description ? description : 'test configuration'}",
+          "setup.complete": "  ✅ Setup complete\n    • Nodes: {config.nodes ? config.nodes : 'N/A'}\n    • Edges: {config.edges ? config.edges : 'N/A'}\n    • Positions: {positions.defined === true ? 'defined' : 'not defined'}",
+          "execution.started": "  🔄 Executing: {action}",
+          "execution.complete": "  ✅ Execution complete\n    • Generated nodes: {result.nodes.count}\n    • Generated edges: {result.edges.count ? result.edges.count : 'N/A'}",
+          "assertion.started": "  🔍 Verifying: {assertions}",
+          "assertion.complete": "  ❌ Assertions: {assertions.passed} passed, {assertions.failed} failed"
+        },
+        "logs": {
+          "error": "    ❌ {log.body}",
+          "warn": "    ⚠️  {log.body}",
+          "info": "    ℹ️  {log.body}",
+          "debug": "    🔍 {log.body}"
+        },
+        "summary": "{'━'.repeat(50)}\n\n❌ TEST FAILED\n\nAssertion Results:\n  • Passed: {assertions.passed}\n  • Failed: {assertions.failed}"
+      }
+    },
+    {
+      "id": "test-passed",
+      "priority": 2,
+      "description": "Test passed all assertions",
+      "condition": {
+        "requires": ["assertion.complete"],
+        "assertions": {
+          "assertions.failed": { "$eq": 0 }
+        }
+      },
+      "template": {
+        "introduction": "✅ Graph Converter Test - PASSED\n{'━'.repeat(50)}",
+        "span": "→ {span.name}",
+        "children": "recurse",
+        "events": {
+          "setup.started": "  🔧 Setting up test: {description ? description : 'test configuration'}",
+          "setup.complete": "  ✅ Setup complete\n    • Nodes: {config.nodes ? config.nodes : 'N/A'}\n    • Edges: {config.edges ? config.edges : 'N/A'}\n    • Positions: {positions.defined === true ? 'defined' : 'not defined'}",
+          "execution.started": "  🔄 Executing: {action}",
+          "execution.complete": "  ✅ Execution complete\n    • Generated nodes: {result.nodes.count}\n    • Generated edges: {result.edges.count ? result.edges.count : 'N/A'}",
+          "assertion.started": "  🔍 Verifying: {assertions}",
+          "assertion.complete": "  ✅ All {assertions.passed} assertions passed!"
+        },
+        "logs": {
+          "error": "    ❌ {log.body}",
+          "warn": "    ⚠️  {log.body}",
+          "info": "    ℹ️  {log.body}",
+          "debug": "    🔍 {log.body}"
+        },
+        "summary": "{'━'.repeat(50)}\n\n✅ TEST PASSED\n\nAll {assertions.passed} assertions passed successfully.\n\nResults:\n  • Nodes generated: {result.nodes.count}\n  • Edges generated: {result.edges.count ? result.edges.count : 'N/A'}"
+      }
+    },
+    {
+      "id": "default",
+      "priority": 99,
+      "description": "Default fallback scenario",
+      "condition": {
+        "default": true
+      },
+      "template": {
+        "introduction": "📋 Graph Converter Test\n{'━'.repeat(50)}",
+        "span": "→ {span.name}",
+        "children": "recurse",
+        "events": {
+          "setup.started": "  🔧 Setup started",
+          "setup.complete": "  ✅ Setup complete",
+          "execution.started": "  🔄 Execution started: {action}",
+          "execution.complete": "  ✅ Execution complete",
+          "assertion.started": "  🔍 Assertions started",
+          "assertion.complete": "  ✅ Assertions complete"
+        },
+        "logs": {
+          "error": "    ❌ {log.body}",
+          "warn": "    ⚠️  {log.body}",
+          "info": "    ℹ️  {log.body}",
+          "debug": "    🔍 {log.body}"
+        },
+        "summary": "{'━'.repeat(50)}\n\nTest execution completed."
+      }
+    }
+  ],
+  "formatting": {
+    "indentSize": 2,
+    "showTimestamps": false,
+    "emptyLinesBetweenSections": 1
+  }
+}