@auto-engineer/frontend-implementer 0.14.0 → 0.15.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @auto-engineer/frontend-implementer@0.14.0 build /home/runner/work/auto-engineer/auto-engineer/packages/frontend-implementer
+> @auto-engineer/frontend-implementer@0.15.0 build /home/runner/work/auto-engineer/auto-engineer/packages/frontend-implementer
 > tsc && tsx ../../scripts/fix-esm-imports.ts && cp src/*.html dist/src/ 2>/dev/null || true
 
 Fixed ESM imports in dist/

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @auto-engineer/frontend-implementer
 
+## 0.15.0
+
+### Minor Changes
+
+- version bump
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @auto-engineer/message-bus@0.15.0
+  - @auto-engineer/ai-gateway@0.15.0
+
 ## 0.14.0
 
 ### Minor Changes

package/README.md

@@ -1,358 +1,190 @@
 # @auto-engineer/frontend-implementer
 
-AI-powered frontend implementation plugin for the Auto Engineer CLI that implements client-side code with AI assistance. This plugin creates React components, hooks, and application logic from specifications and design requirements.
+AI-powered frontend implementation that transforms IA schemes into complete React applications.
 
-## Installation
-
-This is a plugin for the Auto Engineer CLI. Install both the CLI and this plugin:
-
-```bash
-npm install -g @auto-engineer/cli
-npm install @auto-engineer/frontend-implementer
-```
+---
 
-## Configuration
+## Purpose
 
-Add this plugin to your `auto.config.ts`:
+Without `@auto-engineer/frontend-implementer`, you would have to manually translate Information Architecture specifications into React components, maintain consistency across atoms/molecules/organisms/pages, and integrate GraphQL operations by hand.
 
-```typescript
-export default {
-  plugins: [
-    '@auto-engineer/frontend-implementer',
-    // ... other plugins
-  ],
-};
-```
-
-## Commands
+This package provides an AI agent that reads IA scheme specifications and generates production-ready React code with TypeScript types, atomic design structure, and GraphQL integration.
 
-This plugin provides the following commands:
+---
 
-- `implement:client` - Implement client-side code with AI assistance
-
-## What does this plugin do?
+## Installation
 
-The Frontend Implementer plugin uses AI capabilities to implement React applications, including components, pages, hooks, and business logic. It understands design systems, GraphQL schemas, and user experience requirements to create functional user interfaces.
+```bash
+pnpm add @auto-engineer/frontend-implementer
+```
 
-## Key Features
+## Quick Start
 
-### AI React Development
+Register the handler and implement a frontend project:
 
-- Generates functional React components from specifications
-- Implements custom hooks for state management and API interactions
-- Creates responsive layouts and interactive user interfaces
-- Integrates with design systems and component libraries
+### 1. Register the handlers
 
-### GraphQL Integration
+```typescript
+import { COMMANDS } from '@auto-engineer/frontend-implementer';
+import { createMessageBus } from '@auto-engineer/message-bus';
 
-- Generates Apollo Client queries and mutations
-- Implements optimistic updates and error handling
-- Creates type-safe GraphQL operations
-- Handles loading states and data caching
+const bus = createMessageBus();
+COMMANDS.forEach(cmd => bus.registerCommand(cmd));
+```
 
-### Design System Awareness
+### 2. Send a command
 
-- Uses imported design tokens and components consistently
-- Follows established design patterns and UI conventions
-- Implements accessibility standards and best practices
-- Maintains visual consistency across the application
+```typescript
+const result = await bus.dispatch({
+  type: 'ImplementClient',
+  data: {
+    projectDir: './client',
+    iaSchemeDir: './.context',
+    designSystemPath: './design-system.md',
+  },
+  requestId: 'req-123',
+});
+
+console.log(result);
+// → { type: 'ClientImplemented', data: { projectDir: './client' } }
+```
 
-### User Experience Focus
+The command analyzes the IA scheme and generates the complete frontend implementation.
 
-- Implements intuitive user workflows and navigation
-- Handles edge cases and error scenarios gracefully
-- Creates responsive designs for mobile and desktop
-- Optimizes for performance and user experience
+---
 
-## Implementation Patterns
+## How-to Guides
 
-### Page Component Implementation
+### Run via CLI
 
-The plugin creates complete page implementations:
+```bash
+auto implement:client --project-dir=./client --ia-scheme-dir=./.context --design-system-path=./design-system.md
+```
 
-```typescript
-// Before (generated stub)
-export function OrderHistoryPage() {
-  // TODO: Implement order history display
-  return <div>Order History - Not implemented</div>;
-}
+### Run via Script
 
-// After (AI implementation)
-export function OrderHistoryPage() {
-  const { data, loading, error, refetch } = useOrderHistoryQuery({
-    variables: { customerId: useCurrentUser().id },
-    errorPolicy: 'partial'
-  });
-
-  const [selectedOrder, setSelectedOrder] = useState<Order | null>(null);
-
-  if (loading) return <LoadingSpinner message="Loading your orders..." />;
-  if (error) return <ErrorMessage error={error} onRetry={refetch} />;
-
-  return (
-    <PageLayout title="Order History" breadcrumbs={[{ label: 'Orders', href: '/orders' }]}>
-      <div className="space-y-6">
-        <OrderFilters onFilterChange={handleFilterChange} />
-
-        {data?.orders.length === 0 ? (
-          <EmptyState
-            title="No orders found"
-            description="You haven't placed any orders yet."
-            action={<Button href="/products">Start Shopping</Button>}
-          />
-        ) : (
-          <OrderList
-            orders={data?.orders || []}
-            onSelectOrder={setSelectedOrder}
-          />
-        )}
-
-        {selectedOrder && (
-          <OrderDetailModal
-            order={selectedOrder}
-            isOpen={!!selectedOrder}
-            onClose={() => setSelectedOrder(null)}
-          />
-        )}
-      </div>
-    </PageLayout>
-  );
-}
+```bash
+pnpm ai-agent ./client ./.context ./design-system.md
 ```
 
-### Custom Hook Implementation
-
-Creates reusable hooks for complex logic:
+### Run Programmatically
 
 ```typescript
-// Implements data fetching and state management
-export function useOrderManagement() {
-  const [placeOrderMutation] = usePlaceOrderMutation();
-  const [cancelOrderMutation] = useCancelOrderMutation();
-  const [orders, setOrders] = useState<Order[]>([]);
-
-  const placeOrder = useCallback(
-    async (orderData: PlaceOrderInput) => {
-      try {
-        const result = await placeOrderMutation({
-          variables: { input: orderData },
-          optimisticResponse: {
-            placeOrder: {
-              __typename: 'Order',
-              id: `temp-${Date.now()}`,
-              status: OrderStatus.Pending,
-              ...orderData,
-            },
-          },
-          update: (cache, { data }) => {
-            if (data?.placeOrder) {
-              cache.modify({
-                fields: {
-                  orders: (existing = []) => [...existing, data.placeOrder],
-                },
-              });
-            }
-          },
-        });
-
-        return result.data?.placeOrder;
-      } catch (error) {
-        throw new OrderPlacementError('Failed to place order', error);
-      }
-    },
-    [placeOrderMutation],
-  );
-
-  const cancelOrder = useCallback(
-    async (orderId: string) => {
-      // Implementation with optimistic updates and error handling
-    },
-    [cancelOrderMutation],
-  );
-
-  return { placeOrder, cancelOrder, orders };
-}
+import { runAIAgent } from '@auto-engineer/frontend-implementer/dist/src/agent';
+
+await runAIAgent(
+  './client',
+  './.context',
+  './design-system.md',
+  []
+);
 ```
 
-### Component Implementation
-
-Creates feature-rich, accessible components:
+### Handle Errors
 
 ```typescript
-// Implements interactive components with full functionality
-export function ProductCard({ product, onAddToCart }: ProductCardProps) {
-  const [isAdding, setIsAdding] = useState(false);
-  const [imageError, setImageError] = useState(false);
-  const { addToast } = useToast();
-
-  const handleAddToCart = async () => {
-    setIsAdding(true);
-    try {
-      await onAddToCart(product.id);
-      addToast({
-        type: 'success',
-        message: `${product.name} added to cart`
-      });
-    } catch (error) {
-      addToast({
-        type: 'error',
-        message: 'Failed to add item to cart'
-      });
-    } finally {
-      setIsAdding(false);
-    }
-  };
-
-  return (
-    <Card className="group hover:shadow-lg transition-shadow">
-      <CardContent className="p-0">
-        {!imageError ? (
-          <img
-            src={product.imageUrl}
-            alt={product.name}
-            className="w-full h-48 object-cover rounded-t-lg"
-            onError={() => setImageError(true)}
-          />
-        ) : (
-          <div className="w-full h-48 bg-gray-100 flex items-center justify-center rounded-t-lg">
-            <ImageIcon className="text-gray-400" size={48} />
-          </div>
-        )}
-
-        <div className="p-4">
-          <h3 className="font-semibold text-lg mb-2">{product.name}</h3>
-          <p className="text-gray-600 text-sm mb-3 line-clamp-2">
-            {product.description}
-          </p>
-
-          <div className="flex justify-between items-center">
-            <span className="text-xl font-bold text-primary">
-              ${product.price.toFixed(2)}
-            </span>
-
-            <Button
-              onClick={handleAddToCart}
-              disabled={isAdding || !product.inStock}
-              className="min-w-24"
-            >
-              {isAdding ? (
-                <Spinner size="sm" />
-              ) : !product.inStock ? (
-                'Out of Stock'
-              ) : (
-                'Add to Cart'
-              )}
-            </Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
+if (result.type === 'ClientImplementationFailed') {
+  console.error(result.data.error);
 }
 ```
 
-## Configuration Options
+### Enable Debug Logging
 
-Customize implementation behavior:
-
-```typescript
-// auto.config.ts
-export default {
-  plugins: [
-    [
-      '@auto-engineer/frontend-implementer',
-      {
-        // AI model configuration
-        model: 'claude-3-sonnet',
-
-        // Framework preferences
-        framework: 'react',
-        stateManagement: 'apollo-client',
-
-        // UI library integration
-        designSystem: 'shadcn/ui',
-        iconLibrary: 'lucide-react',
-
-        // Implementation preferences
-        includeAccessibility: true,
-        includeAnimations: true,
-        includeErrorBoundaries: true,
-
-        // Testing
-        generateTests: true,
-        testingLibrary: 'testing-library',
-      },
-    ],
-  ],
-};
+```bash
+DEBUG=auto:frontend-implementer:* pnpm ai-agent ./client ./.context ./design-system.md
 ```
 
-## Features
+---
 
-### Responsive Design Implementation
+## API Reference
 
-- Mobile-first approach with responsive breakpoints
-- Touch-friendly interactions for mobile devices
-- Optimized layouts for different screen sizes
-- Progressive enhancement patterns
+### Exports
 
-### Accessibility (a11y) Integration
-
-- ARIA labels and roles for screen readers
-- Keyboard navigation support
-- Color contrast compliance
-- Focus management and visual indicators
+```typescript
+import { COMMANDS } from '@auto-engineer/frontend-implementer';
 
-### Performance Optimization
+import type {
+  ImplementClientCommand,
+  ClientImplementedEvent,
+  ClientImplementationFailedEvent,
+} from '@auto-engineer/frontend-implementer';
+```
 
-- Lazy loading for images and components
-- Code splitting for optimal bundle sizes
-- Memoization for expensive computations
-- Efficient re-rendering patterns
+### Commands
 
-### Error Handling
+| Command | CLI Alias | Description |
+|---------|-----------|-------------|
+| `ImplementClient` | `implement:client` | Generate React frontend from IA scheme |
 
-- Comprehensive error boundaries
-- User-friendly error messages
-- Retry mechanisms for failed operations
-- Graceful degradation patterns
+### ImplementClientCommand
 
-## Integration with Other Plugins
+```typescript
+type ImplementClientCommand = Command<
+  'ImplementClient',
+  {
+    projectDir: string;
+    iaSchemeDir: string;
+    designSystemPath: string;
+    failures?: string[];
+  }
+>;
+```
 
-Works with the Auto Engineer ecosystem:
+### ClientImplementedEvent
 
-- **@auto-engineer/frontend-generator-react-graphql**: Implements generated component scaffolds
-- **@auto-engineer/design-system-importer**: Uses imported design tokens and components
-- **@auto-engineer/frontend-checks**: Validates implementations pass tests and type checking
-- **@auto-engineer/information-architect**: Uses IA specifications for navigation and content structure
+```typescript
+type ClientImplementedEvent = Event<
+  'ClientImplemented',
+  {
+    projectDir: string;
+  }
+>;
+```
 
-## Quality Assurance
+### ClientImplementationFailedEvent
 
-Ensures high-quality implementations through:
+```typescript
+type ClientImplementationFailedEvent = Event<
+  'ClientImplementationFailed',
+  {
+    error: string;
+    projectDir: string;
+  }
+>;
+```
 
-- **TypeScript Compliance**: Full type safety and IntelliSense support
-- **Component Testing**: Comprehensive test coverage for user interactions
-- **Accessibility Auditing**: WCAG compliance and screen reader compatibility
-- **Performance Monitoring**: Identifies and resolves performance bottlenecks
-- **Code Review**: AI-powered review for best practices and patterns
+---
 
-## Advanced Features
+## Architecture
 
-### Context-Aware Implementation
+```
+src/
+├── index.ts
+├── agent.ts
+├── agent-cli.ts
+└── commands/
+    └── implement-client.ts
+```
 
-The AI understands:
+The following diagram shows the implementation flow:
 
-- Existing design patterns and component structure
-- GraphQL schema and available operations
-- Design system tokens and component props
-- User experience requirements and workflows
-- Performance considerations and optimization opportunities
+```mermaid
+flowchart TB
+    A[ImplementClient] --> B[Load Project Context]
+    B --> C[Load IA Scheme]
+    C --> D[Analyze Atoms/Components]
+    D --> E[Plan File Changes]
+    E --> F[Generate Files via AI]
+    F --> G[ClientImplementedEvent]
+```
 
-### Progressive Implementation
+*Flow: Command loads context, plans changes based on IA scheme, generates files via AI.*
 
-- Implements core functionality first
-- Adds advanced features incrementally
-- Supports partial implementations and manual refinements
-- Adapts to user feedback and requirements changes
+### Dependencies
 
-The Frontend Implementer plugin transforms UI specifications and design requirements into functional React applications, accelerating frontend development while maintaining quality and consistency.
+| Package | Usage |
+|---------|-------|
+| `@auto-engineer/ai-gateway` | AI text generation |
+| `@auto-engineer/message-bus` | Command/event infrastructure |
+| `zod` | Schema validation |
+| `debug` | Debug logging |

package/dist/src/commands/implement-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implement-client.d.ts","sourceRoot":"","sources":["../../../src/commands/implement-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAM5F,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB;IACE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CACxC,mBAAmB,EACnB;IACE,UAAU,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CACjD,4BAA4B,EAC5B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG,+BAA+B,CAAC;AAE7F,eAAO,MAAM,cAAc;;;oBAxBX,MAAM;qBACL,MAAM;0BACD,MAAM;mBACb,MAAM,EAAE;;;;;GA+DrB,CAAC;AAuCH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"implement-client.d.ts","sourceRoot":"","sources":["../../../src/commands/implement-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAM5F,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB;IACE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CACxC,mBAAmB,EACnB;IACE,UAAU,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CACjD,4BAA4B,EAC5B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG,+BAA+B,CAAC;AAE7F,eAAO,MAAM,cAAc;;;oBAxBX,MAAM;qBACL,MAAM;0BACD,MAAM;mBACb,MAAM,EAAE;;;;;GAmErB,CAAC;AAuCH,eAAe,cAAc,CAAC"}

package/dist/src/commands/implement-client.js

@@ -4,6 +4,7 @@ import { runAIAgent } from '../agent.js';
 const debug = createDebug('auto:frontend-implementer:implement-client');
 export const commandHandler = defineCommandHandler({
     name: 'ImplementClient',
+    displayName: 'Implement Client',
     alias: 'implement:client',
     description: 'AI implements client',
     category: 'implement',
@@ -29,7 +30,10 @@ export const commandHandler = defineCommandHandler({
     examples: [
         '$ auto implement:client --project-dir=./client --ia-scheme-dir=./.context --design-system-path=./design-system.md',
     ],
-    events: ['ClientImplemented', 'ClientImplementationFailed'],
+    events: [
+        { name: 'ClientImplemented', displayName: 'Client Implemented' },
+        { name: 'ClientImplementationFailed', displayName: 'Client Implementation Failed' },
+    ],
     handle: async (command) => {
         const result = await handleImplementClientCommandInternal(command);
         if (result.type === 'ClientImplemented') {

package/dist/src/commands/implement-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"implement-client.js","sourceRoot":"","sources":["../../../src/commands/implement-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAc,MAAM,4BAA4B,CAAC;AAC5F,OAAO,WAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,KAAK,GAAG,WAAW,CAAC,4CAA4C,CAAC,CAAC;AA6BxE,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAGhD;IACA,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,sBAAsB;IACnC,QAAQ,EAAE,WAAW;IACrB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE;QACN,UAAU,EAAE;YACV,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;SACf;QACD,WAAW,EAAE;YACX,WAAW,EAAE,wBAAwB;YACrC,QAAQ,EAAE,IAAI;SACf;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,oBAAoB;YACjC,QAAQ,EAAE,IAAI;SACf;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,4CAA4C;YACzD,QAAQ,EAAE,KAAK;SAChB;KACF;IACD,QAAQ,EAAE;QACR,mHAAmH;KACpH;IACD,MAAM,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;IAC3D,MAAM,EAAE,KAAK,EACX,OAA+B,EACoC,EAAE;QACrE,MAAM,MAAM,GAAG,MAAM,oCAAoC,CAAC,OAAO,CAAC,CAAC;QACnE,IAAI,MAAM,CAAC,IAAI,KAAK,mBAAmB,EAAE,CAAC;YACxC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAC,CAAC;AAEH,KAAK,UAAU,oCAAoC,CACjD,OAA+B;IAE/B,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAElF,IAAI,CAAC;QACH,MAAM,UAAU,CAAC,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QAEtE,KAAK,CAAC,qCAAqC,CAAC,CAAC;QAE7C,OAAO;YACL,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,UAAU;aACX;YACD,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;SACrC,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5E,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QAE/C,OAAO;YACL,IAAI,EAAE,4BAA4B;YAClC,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;gBACnB,UAAU;aACX;YACD,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;SACrC,CAAC;IACJ,CAAC;AACH,CAAC;AAED,wCAAwC;AACxC,eAAe,cAAc,CAAC"}
+{"version":3,"file":"implement-client.js","sourceRoot":"","sources":["../../../src/commands/implement-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,oBAAoB,EAAc,MAAM,4BAA4B,CAAC;AAC5F,OAAO,WAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,KAAK,GAAG,WAAW,CAAC,4CAA4C,CAAC,CAAC;AA6BxE,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAGhD;IACA,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,sBAAsB;IACnC,QAAQ,EAAE,WAAW;IACrB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE;QACN,UAAU,EAAE;YACV,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;SACf;QACD,WAAW,EAAE;YACX,WAAW,EAAE,wBAAwB;YACrC,QAAQ,EAAE,IAAI;SACf;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,oBAAoB;YACjC,QAAQ,EAAE,IAAI;SACf;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,4CAA4C;YACzD,QAAQ,EAAE,KAAK;SAChB;KACF;IACD,QAAQ,EAAE;QACR,mHAAmH;KACpH;IACD,MAAM,EAAE;QACN,EAAE,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE;QAChE,EAAE,IAAI,EAAE,4BAA4B,EAAE,WAAW,EAAE,8BAA8B,EAAE;KACpF;IACD,MAAM,EAAE,KAAK,EACX,OAA+B,EACoC,EAAE;QACrE,MAAM,MAAM,GAAG,MAAM,oCAAoC,CAAC,OAAO,CAAC,CAAC;QACnE,IAAI,MAAM,CAAC,IAAI,KAAK,mBAAmB,EAAE,CAAC;YACxC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAC,CAAC;AAEH,KAAK,UAAU,oCAAoC,CACjD,OAA+B;IAE/B,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAElF,IAAI,CAAC;QACH,MAAM,UAAU,CAAC,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QAEtE,KAAK,CAAC,qCAAqC,CAAC,CAAC;QAE7C,OAAO;YACL,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,UAAU;aACX;YACD,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;SACrC,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5E,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QAE/C,OAAO;YACL,IAAI,EAAE,4BAA4B;YAClC,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;gBACnB,UAAU;aACX;YACD,SAAS,EAAE,IAAI,IAAI,EAAE;YACrB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;SACrC,CAAC;IACJ,CAAC;AACH,CAAC;AAED,wCAAwC;AACxC,eAAe,cAAc,CAAC"}