feat(apollo-wind): wip

Author: 1980computer

.gitignore

@@ -10,6 +10,7 @@ plan/*
 node_modules/
 .pnp
 .pnp.js
+.pnpm-store
 
 # Build outputs
 dist/

packages/apollo-wind/apollo-ai-context.md

@@ -90,12 +90,12 @@ import { fontFamily } from '@/foundation/Future/typography'; // font stacks
 | Toggle | `toggle` | Toggle button (Radix) |
 | ToggleGroup | `toggle-group` | Group of toggle buttons (Radix) |
 | Tooltip | `tooltip` | Hover tooltip (Radix) |
-| ViewportGuard | `viewport-guard` | Min-width gate for responsive layouts |
 
 ### Custom Components (from `@/components/custom/`)
 
 | Component | Import | Description |
 |-----------|--------|-------------|
+| ViewportGuard | `viewport-guard` | Min-width gate for product templates (Admin, Delegate, Flow, Maestro) |
 | Canvas | `canvas` | Main content area for flow/delegate templates |
 | MaestroHeader | `global-header` | Global app header with menu drawer, title, search, avatar |
 | FlowNode | `flow-node` | Flow editor node element |

packages/apollo-wind/package.json

@@ -83,13 +83,15 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
+    "framer-motion": "^11.15.0",
     "jsep": "^1.4.0",
     "lucide-react": "^0.555.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.13.0",
     "react-hook-form": "^7.66.1",
-    "recharts": "^2.15.4",
+    "react-live": "^4.1.8",
     "react-resizable-panels": "^3.0.6",
+    "recharts": "^2.15.4",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17",

packages/apollo-wind/src/components/custom/flow-properties-bar.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Workflow, TableProperties, Variable } from 'lucide-react';
 import { cn } from '@/lib';
 

packages/apollo-wind/src/components/custom/flow-properties-expanded.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {
   Bot,
   TableProperties,

packages/apollo-wind/src/components/custom/global-header.tsx

@@ -43,10 +43,12 @@ import { cn } from '@/lib';
 // Types
 // ============================================================================
 
+import type { FutureTheme } from '@/foundation/Future/types';
+
 export interface MaestroHeaderProps {
   className?: string;
   /** Color theme — needed so portal-rendered dropdowns inherit the correct CSS variables */
-  theme?: 'dark' | 'light';
+  theme?: FutureTheme;
   /** Application title shown next to the logo */
   title?: string;
   /** Current tenant name */