@principal-ai/principal-view-react 0.14.31 → 0.14.33

package/dist/nodes/otel/OtelEventNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtelEventNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoBrD,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,KAAK,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,WAAW,CAAC,EAAE,MAAM,CAAC;YAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;QACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAyKtE,CAAC"}
+{"version":3,"file":"OtelEventNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAoBrD,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,KAAK,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAC;YAAC,WAAW,CAAC,EAAE,MAAM,CAAC;YAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAC;QACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CA2KtE,CAAC"}

package/dist/nodes/otel/OtelEventNode.js

@@ -25,9 +25,10 @@ export const OtelEventNode = ({ data, selected, dragging, }) => {
     // Color resolution
     const scopeColor = nodeData.scopeColor;
     const spanColor = nodeData.spanColor;
-    const nodeDataColor = nodeData.color;
-    // Fill color priority: explicit color > scope color > type definition color > default blue
-    const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || '#3b82f6';
+    // OTEL nodes use scope-based coloring exclusively
+    // Priority: scopeColor (from library.yaml) → typeDefinition.color → default
+    // Note: node.fill and node.color fields are intentionally ignored (validation enforces this)
+    const baseFillColor = scopeColor || typeDefinition.color || '#3b82f6';
     const fillColor = baseFillColor;
     // Stroke color priority: explicit stroke > span color (workflow context) > fill color
     const nodeDataStroke = nodeData.stroke;

package/dist/nodes/otel/OtelEventNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtelEventNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OtelEventNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelEventNode.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ai/principal-view-react",
-  "version": "0.14.31",
+  "version": "0.14.33",
   "description": "React components for graph-based principal view framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,12 +32,12 @@
   },
   "peerDependencies": {
     "@principal-ade/industry-theme": "^0.1.7",
-    "@principal-ai/principal-view-core": "^0.26.29",
+    "@principal-ai/principal-view-core": "^0.26.31",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@principal-ai/principal-view-core": "0.26.29",
+    "@principal-ai/principal-view-core": "0.26.31",
     "@principal-ade/industry-theme": "0.1.7",
     "@storybook/addon-docs": "10.1.2",
     "@storybook/addon-links": "10.1.2",

package/src/nodes/otel/OtelEventNode.tsx

@@ -99,9 +99,11 @@ export const OtelEventNode: React.FC<NodeProps<Node<OtelEventNodeData>>> = ({
   // Color resolution
   const scopeColor = nodeData.scopeColor as string | undefined;
   const spanColor = nodeData.spanColor as string | undefined;
-  const nodeDataColor = nodeData.color as string | undefined;
-  // Fill color priority: explicit color > scope color > type definition color > default blue
-  const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || '#3b82f6';
+
+  // OTEL nodes use scope-based coloring exclusively
+  // Priority: scopeColor (from library.yaml) → typeDefinition.color → default
+  // Note: node.fill and node.color fields are intentionally ignored (validation enforces this)
+  const baseFillColor = scopeColor || typeDefinition.color || '#3b82f6';
   const fillColor = baseFillColor;
   // Stroke color priority: explicit stroke > span color (workflow context) > fill color
   const nodeDataStroke = nodeData.stroke as string | undefined;
@@ -140,7 +142,7 @@ export const OtelEventNode: React.FC<NodeProps<Node<OtelEventNodeData>>> = ({
 
   const rectangleStyle: React.CSSProperties = {
     padding: '12px 16px',
-    backgroundColor: hexToLightColor(fillColor),
+    backgroundColor: fillColor,
     color: '#000',
     border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
     fontSize: theme.fontSizes[0],

package/src/stories/ValidationEventsCanvas.stories.tsx

@@ -0,0 +1,209 @@
+import React, { useState, useEffect } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import '@xyflow/react/dist/style.css';
+import { GraphRenderer } from '../components/GraphRenderer';
+import type { ExtendedCanvas } from '@principal-ai/principal-view-core';
+import { ThemeProvider, defaultEditorTheme } from '@principal-ade/industry-theme';
+
+// Import the validation events canvas
+import validationEventsCanvasUrl from '../../../../.principal-views/validation/validation.events.canvas?url';
+
+// Helper to load canvas from URL
+async function loadCanvas(url: string): Promise<ExtendedCanvas> {
+  const response = await fetch(url);
+  return await response.json();
+}
+
+// Wrapper component that loads canvas data
+function CanvasLoader({ url, children }: { url: string; children: (canvas: ExtendedCanvas) => React.ReactNode }) {
+  const [canvas, setCanvas] = useState<ExtendedCanvas | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    loadCanvas(url)
+      .then(setCanvas)
+      .catch((err) => setError(err.message));
+  }, [url]);
+
+  if (error) {
+    return <div style={{ padding: 20, color: 'red' }}>Error loading canvas: {error}</div>;
+  }
+
+  if (!canvas) {
+    return <div style={{ padding: 20 }}>Loading canvas...</div>;
+  }
+
+  return (
+    <div style={{ width: '100%', height: '100vh' }}>
+      {children(canvas)}
+    </div>
+  );
+}
+
+const meta = {
+  title: 'Validation/Event Namespace Canvas',
+  component: GraphRenderer,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={defaultEditorTheme}>
+        <div style={{ width: '100vw', height: '100vh' }}>
+          <Story />
+        </div>
+      </ThemeProvider>
+    ),
+  ],
+} satisfies Meta<typeof GraphRenderer>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/**
+ * Validation Event Namespace Canvas
+ *
+ * File: .principal-views/validation/validation.events.canvas
+ * Type: event-namespace nodes
+ * Purpose: Shows the vocabulary of events emitted during validation workflows
+ */
+export const EventNamespaceVocabulary: Story = {
+  render: () => (
+    <CanvasLoader url={validationEventsCanvasUrl}>
+      {(canvas) => <GraphRenderer canvas={canvas} showBackground={false} editable={true} />}
+    </CanvasLoader>
+  ),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+Renders the **validation.events.canvas** file - an event namespace vocabulary canvas.
+
+## Event Namespace Canvas Concept
+
+Unlike span canvases (which show user workflows) or OTEL event canvases (which show individual events),
+this canvas shows the **vocabulary of event namespaces** and their adjacency relationships.
+
+### Structure
+
+**Nodes = Event Namespaces**
+- \`analysis\` - Analysis pipeline lifecycle events
+- \`validation\` - Validation lifecycle events (started, complete, error)
+- \`file\` - File parsing events
+- \`type\` - Type detection events
+- etc.
+
+Each namespace node documents all events within that namespace with their attributes.
+
+**Edges = Adjacency**
+- Edges represent when events from one namespace appear adjacent to events from another namespace in workflow scenarios
+- Example: \`analysis → filetree\` because \`analysis.started → filetree.built\` in scenarios
+- Example: \`file → validation\` because \`file.parsed → validation.error\` in scenarios
+
+### Purpose
+
+This canvas serves as:
+1. **Event vocabulary documentation** - What events can be emitted
+2. **Flow visualization** - How events from different namespaces connect
+3. **Implementation guide** - What attributes each event requires
+4. **Validation source** - Canvas edges must match actual workflow scenario adjacencies
+
+### Conventions
+
+As defined in \`.principal-views/architecture.events.md\`:
+- Events follow \`{namespace}.{action}.{detail}\` naming
+- Edges represent direct adjacency only (not transitive)
+- Canvas is validated against workflow scenario files
+- Namespaces group code-level implementation events (vs user-level workflow spans)
+
+**Use this to:**
+- Preview event namespace canvas rendering
+- Understand event flow architecture
+- Document which events your code emits
+- Validate event relationships match actual code
+        `,
+      },
+    },
+  },
+};
+
+/**
+ * Event Namespace Canvas with Annotations
+ *
+ * Shows the canvas with additional context about what each namespace contains
+ */
+export const WithNamespaceDetails: Story = {
+  render: () => (
+    <CanvasLoader url={validationEventsCanvasUrl}>
+      {(canvas) => (
+        <div style={{ display: 'flex', height: '100vh' }}>
+          <div style={{ flex: 1 }}>
+            <GraphRenderer canvas={canvas} showBackground={false} editable={true} />
+          </div>
+          <div style={{
+            width: '350px',
+            padding: '20px',
+            backgroundColor: '#f5f5f5',
+            overflowY: 'auto',
+            fontFamily: 'system-ui, -apple-system, sans-serif'
+          }}>
+            <h2 style={{ marginTop: 0, fontSize: '18px' }}>Event Namespaces</h2>
+            <p style={{ fontSize: '14px', color: '#666' }}>
+              Each node represents a namespace grouping related events.
+            </p>
+
+            <div style={{ marginTop: '20px' }}>
+              <h3 style={{ fontSize: '14px', marginBottom: '8px' }}>Discovery Phase</h3>
+              <ul style={{ fontSize: '13px', lineHeight: '1.6', paddingLeft: '20px' }}>
+                <li><strong>analysis</strong> - Pipeline start</li>
+                <li><strong>filetree</strong> - Repository scanning</li>
+                <li><strong>packages</strong> - Package discovery</li>
+                <li><strong>canvases</strong> - Canvas file discovery</li>
+                <li><strong>executions</strong> - Execution file discovery</li>
+                <li><strong>library</strong> - Component library loading</li>
+                <li><strong>discovery</strong> - Phase completion</li>
+              </ul>
+            </div>
+
+            <div style={{ marginTop: '20px' }}>
+              <h3 style={{ fontSize: '14px', marginBottom: '8px' }}>Validation Phase</h3>
+              <ul style={{ fontSize: '13px', lineHeight: '1.6', paddingLeft: '20px' }}>
+                <li><strong>validation</strong> - Lifecycle (started, complete, error)</li>
+                <li><strong>file</strong> - Parsing operations</li>
+                <li><strong>type</strong> - Type detection</li>
+                <li><strong>canvas</strong> - Canvas validation</li>
+                <li><strong>workflow</strong> - Workflow validation</li>
+                <li><strong>execution</strong> - Execution validation</li>
+                <li><strong>rules</strong> - Lint rule execution</li>
+                <li><strong>results</strong> - Result aggregation</li>
+              </ul>
+            </div>
+
+            <div style={{ marginTop: '20px', padding: '12px', backgroundColor: '#fff3cd', borderRadius: '4px' }}>
+              <h4 style={{ fontSize: '13px', marginTop: 0 }}>Adjacency Edges</h4>
+              <p style={{ fontSize: '12px', margin: 0, color: '#856404' }}>
+                Edges show when events from one namespace appear next to events from another namespace
+                in workflow scenarios. These are validated against actual execution traces.
+              </p>
+            </div>
+          </div>
+        </div>
+      )}
+    </CanvasLoader>
+  ),
+  parameters: {
+    docs: {
+      description: {
+        story: `
+Same canvas with a side panel showing namespace details and explanations.
+
+This view helps:
+- Understand what each namespace contains
+- See the phase groupings (discovery vs validation)
+- Learn the event namespace canvas concept
+        `,
+      },
+    },
+  },
+};