Fix compatibility with upstream main after rebase

- Update theater page import from @copilotkit/a2ui-renderer to @/lib/a2ui
- Align useA2UISurface types with shared A2UIComponent type
- Add specVersion to Widget mocks in test files
- Regenerate pnpm-lock.yaml for npm @a2ui/react and @a2ui/web_core

Author: lukasmoschitz

tools/composer/pnpm-lock.yaml

@@ -24,7 +24,7 @@ import {
 } from 'lucide-react';
 import { useStreamingPlayer } from '@/components/theater/useStreamingPlayer';
 import { useA2UISurface } from '@/components/theater/useA2UISurface';
-import { A2UIViewer } from '@copilotkit/a2ui-renderer';
+import { A2UIViewer } from '@/lib/a2ui';
 import { Button } from '@/components/ui/button';
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable';
 import { scenarios, ScenarioId } from '@/data/theater';

tools/composer/src/app/theater/page.tsx

@@ -24,6 +24,7 @@ describe('EditorHeader', () => {
   const mockWidget: Widget = {
     id: 'test-id',
     name: 'Test Widget',
+    specVersion: '0.8',
     createdAt: new Date(),
     updatedAt: new Date(),
     root: 'root',

tools/composer/src/components/editor/editor-header.test.tsx

@@ -18,6 +18,7 @@ import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { render, screen, act } from '@testing-library/react';
 import { WidgetEditor } from './widget-editor';
 import { useWidgets } from '@/contexts/widgets-context';
+import type { Widget } from '@/types/widget';
 import { useFrontendTool } from '@copilotkit/react-core/v2';
 import React from 'react';
 
@@ -57,9 +58,10 @@ vi.mock('@/contexts/widgets-context', () => ({
 }));
 
 describe('WidgetEditor', () => {
-  const mockWidget = {
+  const mockWidget: Widget = {
     id: '1',
     name: 'Test Widget',
+    specVersion: '0.8',
     root: 'root',
     components: [],
     dataStates: [{ name: 'default', data: {} }],

tools/composer/src/components/editor/widget-editor.test.tsx

@@ -16,15 +16,11 @@
 
 import { useMemo } from 'react';
 import { transpileToV0_8 } from '@/lib/transcoder';
-
-export interface ComponentInstance {
-  id: string;
-  component: Record<string, any>;
-}
+import type { A2UIComponent } from '@/types/widget';
 
 export interface A2UISurfaceState {
   root: string;
-  components: ComponentInstance[];
+  components: A2UIComponent[];
   data: Record<string, any>;
 }
 
@@ -35,7 +31,7 @@ export interface A2UISurfaceState {
 export function useA2UISurface(messages: any[]): A2UISurfaceState {
   return useMemo(() => {
     let root = "root";
-    const componentsMap = new Map<string, ComponentInstance>();
+    const componentsMap = new Map<string, A2UIComponent>();
     let data: Record<string, any> = {};
 
     for (const msg of messages) {

tools/composer/src/components/theater/useA2UISurface.ts

@@ -30,6 +30,7 @@ describe('WidgetsContext', () => {
   const mockWidget: Widget = {
     id: '1',
     name: 'Test Widget',
+    specVersion: '0.8',
     createdAt: new Date(),
     updatedAt: new Date(),
     root: 'root',
@@ -55,7 +56,7 @@ describe('WidgetsContext', () => {
           {widgets.map(w => (
             <div key={w.id} data-testid={`widget-${w.id}`}>{w.name}</div>
           ))}
-          <button onClick={() => addWidget({ id: '2', name: 'New', createdAt: new Date(), updatedAt: new Date(), root: 'root', components: [], dataStates: [] })}>Add</button>
+          <button onClick={() => addWidget({ id: '2', name: 'New', specVersion: '0.8', createdAt: new Date(), updatedAt: new Date(), root: 'root', components: [], dataStates: [] })}>Add</button>
           <button onClick={() => updateWidget('1', { name: 'Updated' })}>Update</button>
           <button onClick={() => removeWidget('1')}>Remove</button>
         </div>

tools/composer/src/contexts/widgets-context.test.tsx

@@ -31,6 +31,7 @@ describe('storage', () => {
   const mockWidget: Widget = {
     id: '1',
     name: 'Test Widget',
+    specVersion: '0.8',
     createdAt: new Date(),
     updatedAt: new Date(),
     root: 'root',