@specverse/runtime 4.1.0 → 4.1.2

package/dist/runtime/views/react/components/ViewRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewRouter.js","sourceRoot":"","sources":["../../../../../src/runtime/views/react/components/ViewRouter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ViewRouter.js","sourceRoot":"","sources":["../../../../../src/runtime/views/react/components/ViewRouter.tsx"],"names":[],"mappings":"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"}

package/dist/runtime/views/react/hooks/useEventStream.d.ts

@@ -0,0 +1,29 @@
+/**
+ * useEventStream — WebSocket event streaming hook
+ *
+ * Connects to the backend's WebSocket endpoint, subscribes to CURED events,
+ * and maintains a local event log. Derives WS URL from apiBaseUrl in context.
+ *
+ * Event flow: Backend EventBus → WS server → this hook → EventStream UI
+ */
+export interface StreamEvent {
+    eventName: string;
+    data: any;
+    timestamp: Date;
+}
+export interface UseEventStreamOptions {
+    /** Max events to keep in memory */
+    maxEvents?: number;
+    /** Auto-connect on mount */
+    autoConnect?: boolean;
+    /** Reconnect delay in ms */
+    reconnectDelay?: number;
+}
+export declare function useEventStream(options?: UseEventStreamOptions): {
+    events: StreamEvent[];
+    isConnected: boolean;
+    connect: () => void;
+    disconnect: () => void;
+    clearEvents: () => void;
+};
+//# sourceMappingURL=useEventStream.d.ts.map

package/dist/runtime/views/react/hooks/useEventStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventStream.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useEventStream.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B;;;;;;EAiHjE"}

package/dist/runtime/views/react/hooks/useEventStream.js

@@ -0,0 +1,114 @@
+/**
+ * useEventStream — WebSocket event streaming hook
+ *
+ * Connects to the backend's WebSocket endpoint, subscribes to CURED events,
+ * and maintains a local event log. Derives WS URL from apiBaseUrl in context.
+ *
+ * Event flow: Backend EventBus → WS server → this hook → EventStream UI
+ */
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { useRuntimeContext } from '../context.js';
+export function useEventStream(options = {}) {
+    const { maxEvents = 500, autoConnect = true, reconnectDelay = 3000 } = options;
+    const ctx = useRuntimeContext();
+    const [events, setEvents] = useState([]);
+    const [isConnected, setIsConnected] = useState(false);
+    const wsRef = useRef(null);
+    const reconnectTimerRef = useRef(null);
+    const intentionalCloseRef = useRef(false);
+    // Derive WebSocket URL from API base
+    const wsUrl = (() => {
+        const base = ctx.apiBaseUrl || '/api';
+        // /api → ws://host/ws, http://host:3000/api → ws://host:3000/ws
+        try {
+            if (base.startsWith('http')) {
+                const url = new URL(base);
+                url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
+                url.pathname = '/ws';
+                return url.toString();
+            }
+            // Relative path — use current host
+            const protocol = typeof window !== 'undefined' && window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+            const host = typeof window !== 'undefined' ? window.location.host : 'localhost:3000';
+            return `${protocol}//${host}/ws`;
+        }
+        catch {
+            return 'ws://localhost:3000/ws';
+        }
+    })();
+    const addEvent = useCallback((event) => {
+        setEvents(prev => {
+            const next = [event, ...prev];
+            return next.length > maxEvents ? next.slice(0, maxEvents) : next;
+        });
+    }, [maxEvents]);
+    const connect = useCallback(() => {
+        if (wsRef.current) {
+            intentionalCloseRef.current = true;
+            wsRef.current.close();
+        }
+        const ws = new WebSocket(wsUrl);
+        ws.onopen = () => {
+            intentionalCloseRef.current = false;
+            setIsConnected(true);
+        };
+        ws.onclose = () => {
+            setIsConnected(false);
+            if (!intentionalCloseRef.current) {
+                reconnectTimerRef.current = window.setTimeout(connect, reconnectDelay);
+            }
+        };
+        ws.onerror = () => { };
+        ws.onmessage = (event) => {
+            try {
+                const message = JSON.parse(event.data);
+                if (message.type === 'event') {
+                    const payload = message.payload;
+                    const eventName = payload.eventName || payload.event;
+                    if (!eventName || eventName === 'connected')
+                        return;
+                    addEvent({
+                        eventName,
+                        data: payload.data || payload.payload,
+                        timestamp: new Date(),
+                    });
+                }
+                // On connected message, subscribe to all events
+                if (message.type === 'event' && (message.payload?.event === 'connected' || message.payload?.eventName === 'connected')) {
+                    const runtime = message.payload?.runtime;
+                    if (runtime?.models) {
+                        for (const model of runtime.models) {
+                            for (const suffix of ['Created', 'Updated', 'Deleted', 'Evolved']) {
+                                ws.send(JSON.stringify({ type: 'subscribe', payload: { eventName: `${model}${suffix}` } }));
+                            }
+                        }
+                    }
+                    if (runtime?.events) {
+                        for (const evt of runtime.events) {
+                            ws.send(JSON.stringify({ type: 'subscribe', payload: { eventName: evt } }));
+                        }
+                    }
+                }
+            }
+            catch { }
+        };
+        wsRef.current = ws;
+    }, [wsUrl, reconnectDelay, addEvent]);
+    const disconnect = useCallback(() => {
+        intentionalCloseRef.current = true;
+        if (reconnectTimerRef.current)
+            clearTimeout(reconnectTimerRef.current);
+        if (wsRef.current)
+            wsRef.current.close();
+        wsRef.current = null;
+        setIsConnected(false);
+    }, []);
+    const clearEvents = useCallback(() => setEvents([]), []);
+    useEffect(() => {
+        if (autoConnect)
+            connect();
+        return () => disconnect();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return { events, isConnected, connect, disconnect, clearEvents };
+}
+//# sourceMappingURL=useEventStream.js.map

package/dist/runtime/views/react/hooks/useEventStream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventStream.js","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useEventStream.ts"],"names":[],"mappings":"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"}

package/dist/runtime/views/react/hooks/useResizableSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizableSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useResizableSidebar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,uBAA4B;;;;EAiCxE"}
+{"version":3,"file":"useResizableSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useResizableSidebar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,uBAA4B;;;;EAmCxE"}

package/dist/runtime/views/react/hooks/useResizableSidebar.js

@@ -23,8 +23,10 @@ export function useResizableSidebar(options = {}) {
         const handleMouseUp = () => {
             setIsResizing(false);
             document.body.style.cursor = '';
+            document.body.style.userSelect = '';
         };
         document.body.style.cursor = 'col-resize';
+        document.body.style.userSelect = 'none';
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);
         return () => {

package/dist/runtime/views/react/hooks/useResizableSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizableSidebar.js","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useResizableSidebar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzD,MAAM,UAAU,mBAAmB,CAAC,UAAmC,EAAE;IACvE,MAAM,EAAE,YAAY,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;YACnE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;QAC1C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AAC9C,CAAC"}
+{"version":3,"file":"useResizableSidebar.js","sourceRoot":"","sources":["../../../../../src/runtime/views/react/hooks/useResizableSidebar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzD,MAAM,UAAU,mBAAmB,CAAC,UAAmC,EAAE;IACvE,MAAM,EAAE,YAAY,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;YACnE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QACtC,CAAC,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QACxC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AAC9C,CAAC"}

package/dist/runtime/views/react/index.d.ts

@@ -8,13 +8,22 @@
 export { RuntimeViewProvider, useRuntimeContext, } from './context.js';
 export { useTheme } from './hooks/useTheme.js';
 export { useResizableSidebar } from './hooks/useResizableSidebar.js';
-export { useEntityHelpers } from './hooks/useEntityHelpers.js';
+export { useEntityHelpers, useFieldSeparation, useRelationshipResolver, METADATA_FIELDS } from './hooks/useEntityHelpers.js';
+export { useEventStream, type StreamEvent } from './hooks/useEventStream.js';
+export { ReactPatternAdapter, usePatternAdapter, REACT_PROTOCOL_MAPPING, type ReactPatternAdapterConfig, type PatternRenderContext, } from './react-pattern-adapter.js';
 export { RuntimeView } from './components/RuntimeView.js';
+export { FormView } from './components/FormView.js';
 export { DevShell } from './components/DevShell.js';
 export { ViewRouter } from './components/ViewRouter.js';
 export { ViewSidebar } from './components/ViewSidebar.js';
 export { ModelSelector } from './components/ModelSelector.js';
 export { ModelManager } from './components/ModelManager.js';
 export { RelationshipField } from './components/RelationshipField.js';
+export { FieldInput } from './components/FieldInput.js';
+export { EntitySelect } from './components/EntitySelect.js';
+export { OperationView } from './components/OperationView.js';
+export { OperationExecutor } from './components/OperationExecutor.js';
+export { OperationResultView } from './components/OperationResultView.js';
+export { EventStream } from './components/EventStream.js';
 export { ResizeHandle } from './components/ui/ResizeHandle.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/runtime/views/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/views/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/runtime/views/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7H,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7E,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/runtime/views/react/index.js

@@ -10,14 +10,24 @@ export { RuntimeViewProvider, useRuntimeContext, } from './context.js';
 // Hooks
 export { useTheme } from './hooks/useTheme.js';
 export { useResizableSidebar } from './hooks/useResizableSidebar.js';
-export { useEntityHelpers } from './hooks/useEntityHelpers.js';
+export { useEntityHelpers, useFieldSeparation, useRelationshipResolver, METADATA_FIELDS } from './hooks/useEntityHelpers.js';
+export { useEventStream } from './hooks/useEventStream.js';
+// Pattern adapter
+export { ReactPatternAdapter, usePatternAdapter, REACT_PROTOCOL_MAPPING, } from './react-pattern-adapter.js';
 // Components
 export { RuntimeView } from './components/RuntimeView.js';
+export { FormView } from './components/FormView.js';
 export { DevShell } from './components/DevShell.js';
 export { ViewRouter } from './components/ViewRouter.js';
 export { ViewSidebar } from './components/ViewSidebar.js';
 export { ModelSelector } from './components/ModelSelector.js';
 export { ModelManager } from './components/ModelManager.js';
 export { RelationshipField } from './components/RelationshipField.js';
+export { FieldInput } from './components/FieldInput.js';
+export { EntitySelect } from './components/EntitySelect.js';
+export { OperationView } from './components/OperationView.js';
+export { OperationExecutor } from './components/OperationExecutor.js';
+export { OperationResultView } from './components/OperationResultView.js';
+export { EventStream } from './components/EventStream.js';
 export { ResizeHandle } from './components/ui/ResizeHandle.js';
 //# sourceMappingURL=index.js.map

package/dist/runtime/views/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/views/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wEAAwE;AACxE,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,QAAQ;AACR,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/views/react/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wEAAwE;AACxE,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,QAAQ;AACR,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7H,OAAO,EAAE,cAAc,EAAoB,MAAM,2BAA2B,CAAC;AAE7E,kBAAkB;AAClB,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,GAGvB,MAAM,4BAA4B,CAAC;AAEpC,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/runtime/views/react/react-pattern-adapter.d.ts

@@ -0,0 +1,235 @@
+/**
+ * React Pattern Adapter
+ *
+ * Maps tech-independent composite view patterns from @specverse/lang
+ * to React-specific implementations with hooks and Tailwind styling.
+ *
+ * This adapter implements the unified view architecture by:
+ * 1. Using COMPOSITE_VIEW_PATTERNS as the single source of truth
+ * 2. Mapping semantic CURVED operations to React hooks/API calls
+ * 3. Rendering using ATOMIC_COMPONENTS_REGISTRY via Tailwind
+ *
+ * Stage 2: React Adapter Refactor
+ */
+import { COMPOSITE_VIEW_PATTERNS, ATOMIC_COMPONENTS_REGISTRY, type CompositeViewPattern, type CURVEDOperation } from '../core/index.js';
+import { createUniversalTailwindAdapter } from '../tailwind/universal-adapter.js';
+/**
+ * React-specific protocol mapping for CURVED operations
+ *
+ * Maps semantic operations to HTTP methods and endpoints.
+ * This is what lives in instance factories for code generation,
+ * but for runtime we need it here.
+ */
+export declare const REACT_PROTOCOL_MAPPING: Record<CURVEDOperation, {
+    method: string;
+    pathPattern: string;
+}>;
+/**
+ * React Pattern Adapter Configuration
+ */
+export interface ReactPatternAdapterConfig {
+    apiBaseUrl?: string;
+    protocolMapping?: Partial<typeof REACT_PROTOCOL_MAPPING>;
+    tailwindAdapter?: ReturnType<typeof createUniversalTailwindAdapter>;
+}
+/**
+ * Pattern rendering context with React-specific data
+ */
+export interface PatternRenderContext {
+    pattern: CompositeViewPattern;
+    viewSpec: any;
+    modelData: Record<string, any[]>;
+    modelSchemas?: Record<string, any>;
+    primaryModel?: string;
+    selectedEntity?: any;
+    primaryEntities?: any[];
+    protocolMapping: typeof REACT_PROTOCOL_MAPPING;
+    tailwindAdapter: ReturnType<typeof createUniversalTailwindAdapter>;
+}
+/**
+ * React Pattern Adapter
+ *
+ * Provides React-specific rendering of tech-independent composite patterns.
+ */
+export declare class ReactPatternAdapter {
+    private tailwindAdapter;
+    constructor(config?: ReactPatternAdapterConfig);
+    /**
+     * Detect pattern type from view spec
+     */
+    detectPattern(viewSpec: any): CompositeViewPattern | null;
+    /**
+     * Render a pattern to HTML
+     */
+    renderPattern(context: PatternRenderContext, options?: {
+        enableListNavigation?: boolean;
+        enableRelatedNavigation?: boolean;
+    }): string;
+    /**
+     * Render FormView pattern
+     */
+    private renderFormView;
+    /**
+     * Render ListView pattern
+     */
+    private renderListView;
+    /**
+     * Render DetailView pattern
+     */
+    private renderDetailView;
+    /**
+     * Render multiple list components in a tabbed interface
+     */
+    private renderTabbedLists;
+    /**
+     * Render DashboardView pattern
+     */
+    private renderDashboardView;
+    /**
+     * Render generic data display (fallback)
+     */
+    private renderGenericDataDisplay;
+    /**
+     * Render fallback for unknown patterns
+     */
+    private renderFallback;
+    /**
+     * Helper: Render form component
+     *
+     * Generates a complete form with:
+     * - Inferred field types from model data (text, number, boolean)
+     * - Proper input types and validation
+     * - Required field indicators
+     * - Submit and reset buttons
+     * - Professional styling matching admin-demo
+     */
+    private renderFormComponent;
+    /**
+     * Helper: Infer relationship fields from model schema or data
+     *
+     * Reads relationship definitions from the model schema (like original FormView).
+     * Falls back to inferring from foreign keys in data if no schema available.
+     *
+     * Strategy:
+     * 1. Read from schema.relationships (preferred - matches original FormView)
+     * 2. If entities exist, scan their fields for foreign keys
+     * 3. If no entities, look at available models and infer common relationships
+     */
+    private inferRelationshipFields;
+    /**
+     * Helper: Humanize field name
+     * Converts camelCase/snake_case to readable labels
+     */
+    private humanizeFieldName;
+    /**
+     * Helper: Infer field types from model schema or data
+     * Prefers schema definitions, falls back to examining actual data
+     */
+    private inferFieldTypes;
+    /**
+     * Helper: Infer field names from model schema
+     * Reads schema.attributes to get field definitions
+     * Includes belongsTo relationships for display
+     */
+    private inferFieldsFromSchema;
+    /**
+     * Helper: Check if field is auto-generated (shouldn't show in forms)
+     */
+    private isAutoGeneratedField;
+    /**
+     * Helper: Get smart display name for an entity
+     *
+     * Wrapper around shared getEntityDisplayName utility.
+     * Maintained for backward compatibility with excludeRelationship parameter.
+     */
+    private getSmartDisplayName;
+    /**
+     * Helper: Resolve relationship value for display
+     *
+     * If fieldName is a belongsTo relationship, looks up the related entity
+     * and returns its display name. Otherwise returns the raw value.
+     */
+    private resolveFieldValue;
+    /**
+     * Helper: Get navigation info for a relationship field
+     *
+     * Returns navigation attributes if the field is a belongsTo relationship,
+     * null otherwise. Used to make relationship values clickable.
+     */
+    private getRelationshipNavInfo;
+    /**
+     * Helper: Render table component
+     *
+     * Generates a data table with:
+     * - Column headers with proper formatting
+     * - Data type-aware value rendering (objects, booleans, etc.)
+     * - Relationship field resolution (shows related entity names)
+     * - Empty state handling
+     * - Hover effects and professional styling
+     * - Responsive scrolling
+     */
+    private renderTableComponent;
+    /**
+     * Helper: Render list component
+     *
+     * Generates a list view with:
+     * - Flexible field display (comma-separated or multi-line)
+     * - Data type-aware rendering
+     * - Relationship field resolution (shows related entity names)
+     * - Empty state handling
+     * - Professional card-based styling
+     */
+    private renderListComponent;
+    /**
+     * Helper: Render content component (for detail views)
+     *
+     * Displays specific fields from an entity with rich formatting.
+     * Resolves relationship fields to show related entity names.
+     * This matches the original DetailView's "content" component behavior.
+     */
+    private renderContentComponent;
+    /**
+     * Helper: Render list component in detail view (for related entities)
+     *
+     * Shows related entities in a table format.
+     * This matches the original DetailView's "list" component behavior.
+     */
+    private renderDetailListComponent;
+    /**
+     * Helper: Render card component
+     *
+     * Displays entity fields with sophisticated formatting:
+     * - Objects: Formatted JSON in code block
+     * - Booleans: Yes/No badges
+     * - Other values: Plain text
+     */
+    private renderCardComponent;
+    /**
+     * Helper: Render metric card
+     */
+    private renderMetricCard;
+    /**
+     * Helper: Render atomic component
+     */
+    private renderAtomicComponent;
+    /**
+     * Helper: Infer field names from model data
+     *
+     * Extracts field names from the first entity in modelData for the given model.
+     * Filters out system fields like id, createdAt, updatedAt, and foreign key fields.
+     *
+     * @param modelData - Map of model names to entity arrays
+     * @param modelName - Name of the model to extract fields from
+     * @returns Array of field names suitable for display
+     */
+    private inferFieldsFromModel;
+}
+/**
+ * Hook: Use pattern adapter
+ */
+export declare function usePatternAdapter(config?: ReactPatternAdapterConfig): ReactPatternAdapter;
+/**
+ * Export pattern registry for external use
+ */
+export { COMPOSITE_VIEW_PATTERNS, ATOMIC_COMPONENTS_REGISTRY };
+//# sourceMappingURL=react-pattern-adapter.d.ts.map

package/dist/runtime/views/react/react-pattern-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-pattern-adapter.d.ts","sourceRoot":"","sources":["../../../../src/runtime/views/react/react-pattern-adapter.tsx"],"names":[],"mappings":"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"}