VLA Data Generator - Complete TypeScript/React app with backend

A production-ready application for generating vision-language-action (VLA) training data from videos using Google's Gemini AI.

Features:
TypeScript/React frontend with modern UI
Express.js backend for secure API key handling
Google Gemini 1.5 Flash integration
Video frame extraction and analysis
Task segmentation and interaction detection
Docker deployment for Hugging Face Spaces
Responsive design with Tailwind CSS

Tech Stack: Node.js 20, TypeScript, React 19, Vite, Express.js, Google Generative AI API

Ready for production deployment on Hugging Face Spaces!

.dockerignore

@@ -0,0 +1,14 @@
+node_modules
+npm-debug.log
+.npm
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.git
+.gitignore
+README.md
+.vscode
+.DS_Store
+dist
+coverage

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

App.tsx

@@ -0,0 +1,248 @@
+
+import React, { useState, useCallback, useRef } from 'react';
+import { VlaData, TaskSegment, Interaction } from './types';
+import { generateOverallGoal, generateTasksAndInteractions } from './services/backendService';
+import { extractFramesFromVideo } from './utils/videoProcessor';
+import { VideoUploader } from './components/VideoUploader';
+import { VideoPlayer } from './components/VideoPlayer';
+import { ResultsDisplay } from './components/ResultsDisplay';
+import { WandSparkles } from './components/Icons';
+
+// Type for the point to be highlighted on the video
+type HighlightPoint = { x: number; y: number; isEditing: boolean } | null;
+// Type for the coordinate picker callback function
+type CoordinatePickerCallback = ((coords: { x: number; y: number }) => void) | null;
+
+
+export default function App(): React.ReactNode {
+  const [videoFile, setVideoFile] = useState<File | null>(null);
+  const [videoSrc, setVideoSrc] = useState<string | null>(null);
+  const [videoDuration, setVideoDuration] = useState<number>(0);
+  const [vlaData, setVlaData] = useState<VlaData | null>(null);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [loadingMessage, setLoadingMessage] = useState<string>('');
+  const [error, setError] = useState<string | null>(null);
+  const [totalFrames, setTotalFrames] = useState<number>(0);
+  const [highlightPoint, setHighlightPoint] = useState<HighlightPoint>(null);
+  const [coordinatePicker, setCoordinatePicker] = useState<CoordinatePickerCallback>(null);
+  const [usedFallback, setUsedFallback] = useState<boolean>(false);
+
+  const videoRef = useRef<HTMLVideoElement>(null);
+  const isGeneratingRef = useRef(false);
+
+  const handleVideoUpload = useCallback((file: File) => {
+    if (file.type.startsWith('video/')) {
+      setVideoFile(file);
+
+      if (videoSrc) {
+        URL.revokeObjectURL(videoSrc);
+      }
+
+      const url = URL.createObjectURL(file);
+      setVideoSrc(url);
+      setVlaData(null);
+      setError(null);
+      setUsedFallback(false);
+      setVideoDuration(0);
+      setTotalFrames(0);
+
+      const videoElement = document.createElement('video');
+      videoElement.preload = 'metadata';
+      videoElement.src = url;
+      videoElement.onloadedmetadata = () => {
+        setVideoDuration(videoElement.duration);
+      };
+      videoElement.onerror = () => {
+        setError("Could not read video metadata to get duration.");
+      };
+    } else {
+      setError('Please upload a valid video file.');
+    }
+  }, [videoSrc]);
+
+  const handleGenerate = useCallback(async () => {
+    if (!videoFile || isGeneratingRef.current) {
+      if (!videoFile) setError('No video file selected.');
+      return;
+    }
+
+    isGeneratingRef.current = true;
+    setIsLoading(true);
+    setError(null);
+    setVlaData(null);
+    setUsedFallback(false); // Reset on each generation
+
+    try {
+      const FRAMES_PER_SECOND = 2; // Extract 2 frames per second
+      const MAX_FRAMES_TOTAL = 360; // Cap at 360 frames (e.g., 3 minutes at 2fps) to manage memory/performance
+      
+      let calculatedFrames = Math.ceil(videoDuration * FRAMES_PER_SECOND);
+      if (calculatedFrames > MAX_FRAMES_TOTAL) {
+          calculatedFrames = MAX_FRAMES_TOTAL;
+      }
+      if (calculatedFrames === 0 && videoDuration > 0) {
+        calculatedFrames = 1; // ensure at least one frame for very short videos
+      }
+      setTotalFrames(calculatedFrames);
+
+      // Step 1: Extract frames
+      setLoadingMessage(`Step 1/3: Extracting ${calculatedFrames} frames from video...`);
+      const frames = await extractFramesFromVideo(videoFile, calculatedFrames);
+      
+      if (frames.length === 0) {
+        throw new Error("Could not extract any frames from the video. The file might be corrupted or in an unsupported format.");
+      }
+
+      // Step 2: Generate Overall Goal
+      setLoadingMessage('Step 2/3: Determining overall goal...');
+      const keyframes = [frames[0], frames[Math.floor(frames.length / 2)], frames[frames.length - 1]];
+      const overallGoal = await generateOverallGoal(keyframes, videoDuration);
+      
+      const initialVlaData: VlaData = { overallGoal, tasks: [] };
+      setVlaData(initialVlaData);
+
+      // Step 3: Generate Task Segments and Interactions in one go
+      setLoadingMessage('Step 3/3: Analyzing tasks and interactions...');
+      const vlaData = await generateTasksAndInteractions(
+        frames, 
+        overallGoal, 
+        videoDuration, 
+        totalFrames,
+        (current, total) => {
+          // Progress callback - you could update loading message here
+          console.log(`Progress: ${current}/${total}`);
+        }
+      );
+      
+      setVlaData(vlaData);
+
+    } catch (err) {
+      console.error(err);
+      const errorMessage = err instanceof Error ? err.message : 'An unknown error occurred.';
+      setError(`Failed to process video. ${errorMessage}`);
+      setVlaData(null); // Clear partial data on major failure
+    } finally {
+      setIsLoading(false);
+      setLoadingMessage('');
+      isGeneratingRef.current = false;
+    }
+  }, [videoFile, videoDuration]);
+
+  const handleDownload = useCallback(() => {
+    if (!vlaData || !videoFile) return;
+
+    const dataStr = JSON.stringify(vlaData, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+    const dataUrl = URL.createObjectURL(dataBlob);
+    
+    const link = document.createElement('a');
+    link.href = dataUrl;
+    const baseName = videoFile.name.substring(0, videoFile.name.lastIndexOf('.')) || videoFile.name;
+    link.download = `${baseName}_vla_data.json`;
+
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(dataUrl);
+  }, [vlaData, videoFile]);
+  
+  const handleSeekToTime = useCallback((time: number) => {
+    if (videoRef.current) {
+      videoRef.current.currentTime = time;
+    }
+  }, []);
+  
+  const handleUpdateInteraction = useCallback((taskId: number, interactionIndex: number, updatedInteraction: Interaction) => {
+    setVlaData(currentData => {
+      if (!currentData) return null;
+
+      const newTasks = currentData.tasks.map(task => {
+        if (task.id === taskId) {
+          const newInteractions = [...task.interactions];
+          newInteractions[interactionIndex] = updatedInteraction;
+          return { ...task, interactions: newInteractions };
+        }
+        return task;
+      });
+
+      return { ...currentData, tasks: newTasks };
+    });
+  }, []);
+
+  const handleVideoClick = useCallback((coords: { x: number; y: number }) => {
+    if (coordinatePicker) {
+      coordinatePicker(coords);
+    }
+  }, [coordinatePicker]);
+
+  const handleHighlightPoint = useCallback((point: HighlightPoint) => {
+    // Prevent hover from overriding a sticky editing highlight
+    if (highlightPoint?.isEditing && !point?.isEditing) {
+      return;
+    }
+    setHighlightPoint(point);
+  }, [highlightPoint?.isEditing]);
+  
+  const handleSetCoordinatePicker = useCallback((callback: CoordinatePickerCallback) => {
+    setCoordinatePicker(() => callback);
+  }, []);
+
+  return (
+    <div className="min-h-screen bg-slate-900 text-slate-200 font-sans">
+      <main className="grid grid-cols-1 lg:grid-cols-2 gap-6 p-4 md:p-8 max-w-screen-2xl mx-auto">
+        {/* Left Column: Video and Controls */}
+        <div className="flex flex-col gap-6 lg:h-[calc(100vh-4rem)]">
+          <header>
+            <h1 className="text-3xl md:text-4xl font-bold text-white tracking-tight">VLA Data Generator</h1>
+            <p className="text-slate-400 mt-2">Upload a screen recording to automatically generate structured data about user actions.</p>
+          </header>
+
+          <div 
+            className={`bg-slate-800/50 rounded-2xl p-2 aspect-video flex-grow flex items-center justify-center ${coordinatePicker ? 'cursor-crosshair' : ''}`}
+          >
+            {videoSrc ? (
+              <VideoPlayer 
+                src={videoSrc} 
+                ref={videoRef}
+                highlightPoint={highlightPoint}
+                onVideoClick={handleVideoClick}
+              />
+            ) : (
+              <VideoUploader onVideoSelect={handleVideoUpload} />
+            )}
+          </div>
+
+          {videoFile && (
+            <button
+              onClick={handleGenerate}
+              disabled={isLoading || videoDuration === 0}
+              className="w-full flex items-center justify-center gap-3 bg-indigo-600 hover:bg-indigo-500 disabled:bg-indigo-800 disabled:text-slate-400 disabled:cursor-not-allowed text-white font-bold py-3 px-4 rounded-xl transition-all duration-300 text-lg shadow-lg shadow-indigo-900/50"
+            >
+              <WandSparkles className="w-6 h-6" />
+              {isLoading ? 'Generating...' : (videoDuration === 0 ? 'Reading Video...' : 'Generate Action Data')}
+            </button>
+          )}
+        </div>
+
+        {/* Right Column: Results */}
+        <div className="bg-slate-800 rounded-2xl lg:h-[calc(100vh-4rem)] flex flex-col">
+          <ResultsDisplay
+            vlaData={vlaData}
+            isLoading={isLoading}
+            loadingMessage={loadingMessage}
+            error={error}
+            hasVideo={!!videoFile}
+            videoDuration={videoDuration}
+            totalFrames={totalFrames}
+            usedFallback={usedFallback}
+            onDownload={handleDownload}
+            onSeekToTime={handleSeekToTime}
+            onUpdateInteraction={handleUpdateInteraction}
+            onHighlightPoint={handleHighlightPoint}
+            onSetCoordinatePicker={handleSetCoordinatePicker}
+          />
+        </div>
+      </main>
+    </div>
+  );
+}

Dockerfile

@@ -0,0 +1,48 @@
+# Use Node.js 20 LTS version (required by @google/generative-ai)
+FROM node:20-alpine
+
+# Set working directory
+WORKDIR /app
+
+# Copy package files for frontend
+COPY package*.json ./
+
+# Install frontend dependencies
+RUN npm ci
+
+# Copy frontend source code
+COPY . .
+
+# Build the frontend application
+RUN npm run build
+
+# Set up backend
+WORKDIR /app/backend
+
+# Copy backend package file
+COPY backend/package.json ./
+
+# Install backend dependencies
+RUN npm install
+
+# Copy backend source
+COPY backend/server.js ./
+
+# Create a startup script that runs the unified server
+WORKDIR /app
+RUN echo '#!/bin/sh' > /start.sh && \
+    echo 'echo "Starting VLA Data Generator..."' >> /start.sh && \
+    echo 'cd /app/backend && node server.js' >> /start.sh && \
+    chmod +x /start.sh
+
+# Remove serve since backend handles everything
+# RUN npm install -g serve
+
+# Expose the port that Hugging Face Spaces expects
+EXPOSE 7860
+
+# Set environment variable for the port
+ENV PORT=7860
+
+# Command to run the application
+CMD ["/start.sh"]

README.md

@@ -0,0 +1,64 @@
+---
+title: VLA Data Generator
+emoji: 🎬
+colorFrom: blue
+colorTo: purple
+sdk: docker
+app_port: 7860
+pinned: false
+license: mit
+short_description: Generate VLA training data from videos using AI
+---
+
+# VLA Data Generator
+
+A TypeScript/React application for generating vision-language-action (VLA) training data using Google's Gemini AI. This app allows users to upload videos and generate corresponding action sequences and descriptions for training VLA models.
+
+## Technology Stack
+
+- **TypeScript** - Type-safe JavaScript development
+- **React 19** - Modern React with latest features
+- **Vite** - Fast build tool and development server
+- **Google Gemini AI** - AI-powered video analysis and action generation
+
+## Run Locally
+
+**Prerequisites:** Node.js (v20 or higher)
+
+1. Install dependencies:
+   ```bash
+   npm install
+   ```
+
+2. Set up environment variables:
+   Create a `.env.local` file and add your Gemini API key:
+   ```
+   GEMINI_API_KEY=your_gemini_api_key_here
+   ```
+
+3. Run the development server:
+   ```bash
+   npm run dev
+   ```
+
+4. Build for production:
+   ```bash
+   npm run build
+   ```
+
+## Deploy to Hugging Face Spaces
+
+This application can be deployed to Hugging Face Spaces using Docker. 
+
+### Using the Dockerfile
+
+1. Ensure your `GEMINI_API_KEY` is set as a secret in your Hugging Face Space settings
+2. The included Dockerfile will handle the build and deployment process
+3. The app will be accessible on port 7860 (Hugging Face Spaces default)
+
+### Manual Deployment Steps
+
+1. Fork or upload this repository to Hugging Face Spaces
+2. Select "Docker" as the SDK
+3. Add your `GEMINI_API_KEY` as a secret in the Space settings
+4. The Space will automatically build and deploy using the provided Dockerfile

backend/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vla-backend",
+  "version": "1.0.0",
+  "description": "Backend server for VLA Data Generator",
+  "main": "server.js",
+  "scripts": {
+    "start": "node server.js",
+    "dev": "node server.js"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "cors": "^2.8.5",
+    "multer": "^1.4.5-lts.1",
+    "@google/generative-ai": "^0.21.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}

backend/server.js

@@ -0,0 +1,180 @@
+const express = require('express');
+const cors = require('cors');
+const multer = require('multer');
+const path = require('path');
+const { GoogleGenerativeAI } = require('@google/generative-ai');
+
+const app = express();
+const PORT = process.env.PORT || 7860; // Use HF Spaces port
+
+// Get API key from environment variables
+const API_KEY = process.env.GEMINI_API_KEY || process.env.API_KEY;
+if (!API_KEY) {
+    console.error('Error: GEMINI_API_KEY or API_KEY environment variable is required');
+    process.exit(1);
+}
+
+console.log('Initializing Google Generative AI...');
+const genAI = new GoogleGenerativeAI(API_KEY);
+
+// Middleware
+app.use(cors());
+app.use(express.json({ limit: '50mb' }));
+
+// Serve static files from frontend build
+app.use(express.static(path.join(__dirname, '../dist')));
+
+// Configure multer for file uploads
+const upload = multer({
+    storage: multer.memoryStorage(),
+    limits: {
+        fileSize: 50 * 1024 * 1024, // 50MB limit
+    }
+});
+
+// Health check endpoint
+app.get('/health', (req, res) => {
+    res.json({ status: 'ok', message: 'VLA Backend Server is running' });
+});
+
+// Generate overall goal endpoint
+app.post('/api/generate-goal', async (req, res) => {
+    try {
+        const { frames, videoDuration } = req.body;
+        
+        if (!frames || !Array.isArray(frames)) {
+            return res.status(400).json({ error: 'Frames array is required' });
+        }
+
+        const model = genAI.getGenerativeModel({ 
+            model: "gemini-1.5-flash"
+        });
+
+        // Create the prompt (you'll need to move the prompt logic here)
+        const prompt = `Analyze these video frames and generate an overall goal for the user's actions. 
+Video duration: ${videoDuration} seconds
+Frames: ${frames.length} total
+
+Please provide a concise overall goal description of what the user is trying to accomplish in this video.`;
+
+        const result = await model.generateContent([
+            { text: prompt },
+            ...frames.map(frame => ({
+                inlineData: {
+                    data: frame.split(',')[1], // Remove data URL prefix
+                    mimeType: 'image/jpeg'
+                }
+            }))
+        ]);
+
+        const response = result.response;
+        const text = response.text();
+
+        res.json({ goal: text });
+    } catch (error) {
+        console.error('Error generating goal:', error);
+        res.status(500).json({ error: 'Failed to generate goal' });
+    }
+});
+
+// Generate tasks and interactions endpoint
+app.post('/api/generate-tasks', async (req, res) => {
+    try {
+        const { frames, goal, videoDuration, totalFrames } = req.body;
+        
+        if (!frames || !Array.isArray(frames) || !goal) {
+            return res.status(400).json({ error: 'Frames array and goal are required' });
+        }
+
+        const model = genAI.getGenerativeModel({ 
+            model: "gemini-1.5-flash"
+        });
+
+        // Create the prompt for tasks and interactions
+        const prompt = `Based on the overall goal: "${goal}"
+        
+Analyze these ${frames.length} video frames and generate detailed tasks and interactions.
+Video duration: ${videoDuration} seconds
+Total frames: ${totalFrames}
+
+Please provide a JSON response with tasks and interactions following this structure:
+{
+  "tasks": [
+    {
+      "task_id": "task_1",
+      "description": "Description of the task",
+      "start_frame": 0,
+      "end_frame": 10,
+      "interactions": [
+        {
+          "interaction_id": "interaction_1",
+          "type": "click|scroll|type|drag",
+          "description": "What action is being performed",
+          "frame_number": 5,
+          "coordinates": {"x": 100, "y": 200},
+          "target_element": "Description of UI element"
+        }
+      ]
+    }
+  ]
+}`;
+
+        const result = await model.generateContent([
+            { text: prompt },
+            ...frames.map(frame => ({
+                inlineData: {
+                    data: frame.split(',')[1],
+                    mimeType: 'image/jpeg'
+                }
+            }))
+        ]);
+
+        const response = result.response;
+        const text = response.text();
+
+        // Try to parse JSON response
+        try {
+            const jsonMatch = text.match(/```json\s*([\s\S]*?)\s*```/) || text.match(/\{[\s\S]*\}/);
+            if (jsonMatch) {
+                const jsonStr = jsonMatch[1] || jsonMatch[0];
+                const parsedData = JSON.parse(jsonStr);
+                res.json(parsedData);
+            } else {
+                // Fallback if JSON parsing fails
+                res.json({ 
+                    tasks: [{
+                        task_id: "task_1",
+                        description: text,
+                        start_frame: 0,
+                        end_frame: frames.length - 1,
+                        interactions: []
+                    }]
+                });
+            }
+        } catch (parseError) {
+            console.error('JSON parsing error:', parseError);
+            res.json({ 
+                tasks: [{
+                    task_id: "task_1", 
+                    description: text,
+                    start_frame: 0,
+                    end_frame: frames.length - 1,
+                    interactions: []
+                }]
+            });
+        }
+    } catch (error) {
+        console.error('Error generating tasks:', error);
+        res.status(500).json({ error: 'Failed to generate tasks and interactions' });
+    }
+});
+
+// Serve frontend for all other routes
+app.get('*', (req, res) => {
+    res.sendFile(path.join(__dirname, '../dist/index.html'));
+});
+
+app.listen(PORT, '0.0.0.0', () => {
+    console.log(`VLA Data Generator running on port ${PORT}`);
+    console.log(`API Key configured: ${API_KEY ? 'Yes' : 'No'}`);
+});

components/Icons.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+type IconProps = React.SVGProps<SVGSVGElement>;
+
+export const FileVideo: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><path d="m14 12-2.5 1.8L9 12l-2.5 1.8L4 12"></path><circle cx="12" cy="12" r="3"></circle></svg>
+);
+
+export const WandSparkles: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="m5 3 2.5 5L12 3l2.5 5L19 3l-2.5 5L21 13l-5 2.5L21 18l-5 2.5L12 21l-2.5-5L5 21l2.5-5L3 13l5-2.5L3 8l2.5-5Z"></path></svg>
+);
+
+export const Loader: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props} className={`animate-spin ${props.className || ''}`}><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg>
+);
+
+export const AlertTriangle: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>
+);
+
+export const MousePointerClick: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="m9 9 5 12 1.8-5.2L21 14Z"></path><path d="M3 3l7.2 7.2"></path><path d="m7 11 2-2"></path><path d="M11 15 9.5 13.5"></path><path d="m14 18-1-1"></path></svg>
+);
+
+export const Keyboard: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><rect width="20" height="16" x="2" y="4" rx="2" ry="2"></rect><path d="M6 8h.01"></path><path d="M10 8h.01"></path><path d="M14 8h.01"></path><path d="M18 8h.01"></path><path d="M8 12h.01"></path><path d="M12 12h.01"></path><path d="M16 12h.01"></path><path d="M7 16h10"></path></svg>
+);
+
+export const ArrowDownUp: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="m3 16 4 4 4-4"></path><path d="M7 20V4"></path><path d="m21 8-4-4-4 4"></path><path d="M17 4v16"></path></svg>
+);
+
+export const Type: React.FC<IconProps> = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" x2="15" y1="20" y2="20"></line><line x1="12" x2="12" y1="4" y2="20"></line></svg>
+);
+
+export const Copy: React.FC<IconProps> = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>
+);
+
+export const Check: React.FC<IconProps> = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M20 6 9 17l-5-5"></path></svg>
+);
+
+export const Download: React.FC<IconProps> = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
+);
+
+export const Pencil: React.FC<IconProps> = (props) => (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"></path><path d="m15 5 4 4"></path></svg>
+);

components/ResultsDisplay.tsx

@@ -0,0 +1,157 @@
+
+import React, { useState, useEffect } from 'react';
+import { VlaData, Interaction } from '../types';
+import { TaskSegmentCard } from './TaskSegmentCard';
+import { Loader, AlertTriangle, WandSparkles, Copy, Check, Download } from './Icons';
+
+type HighlightPoint = { x: number; y: number; isEditing: boolean } | null;
+type CoordinatePickerCallback = ((coords: { x: number; y: number }) => void) | null;
+
+interface ResultsDisplayProps {
+  vlaData: VlaData | null;
+  isLoading: boolean;
+  loadingMessage: string;
+  error: string | null;
+  hasVideo: boolean;
+  videoDuration: number;
+  totalFrames: number;
+  usedFallback: boolean;
+  onDownload: () => void;
+  onSeekToTime: (time: number) => void;
+  onUpdateInteraction: (taskId: number, interactionIndex: number, updatedInteraction: Interaction) => void;
+  onHighlightPoint: (point: HighlightPoint) => void;
+  onSetCoordinatePicker: (callback: CoordinatePickerCallback) => void;
+}
+
+export const ResultsDisplay: React.FC<ResultsDisplayProps> = ({ 
+  vlaData, 
+  isLoading, 
+  loadingMessage, 
+  error, 
+  hasVideo, 
+  videoDuration, 
+  totalFrames,
+  usedFallback,
+  onDownload, 
+  onSeekToTime, 
+  onUpdateInteraction,
+  onHighlightPoint,
+  onSetCoordinatePicker
+}) => {
+  const [hasCopied, setHasCopied] = useState(false);
+
+  useEffect(() => {
+    if(hasCopied) {
+      const timer = setTimeout(() => setHasCopied(false), 2000);
+      return () => clearTimeout(timer);
+    }
+  }, [hasCopied]);
+
+  const handleCopy = () => {
+    if(vlaData) {
+      navigator.clipboard.writeText(JSON.stringify(vlaData, null, 2));
+      setHasCopied(true);
+    }
+  };
+
+  const renderContent = () => {
+    if (isLoading) {
+      return (
+        <div className="flex flex-col items-center justify-center h-full text-center">
+          <Loader className="w-12 h-12 text-indigo-400" />
+          <p className="mt-4 text-lg font-semibold text-slate-300">Analyzing Video</p>
+          <p className="text-slate-400">{loadingMessage}</p>
+        </div>
+      );
+    }
+
+    if (error) {
+      return (
+        <div className="flex flex-col items-center justify-center h-full text-center p-4">
+          <AlertTriangle className="w-12 h-12 text-red-400" />
+          <p className="mt-4 text-lg font-semibold text-slate-200">Analysis Failed</p>
+          <p className="text-red-300 bg-red-900/50 p-3 rounded-lg mt-2 max-w-md">{error}</p>
+        </div>
+      );
+    }
+
+    if (vlaData) {
+      return (
+        <div className="p-4 md:p-6 space-y-6">
+          <div>
+            <h3 className="text-xs font-semibold uppercase text-slate-400 tracking-wider">Overall Goal</h3>
+            <p className="mt-2 text-lg text-slate-200 bg-slate-700/50 p-3 rounded-lg">{vlaData.overallGoal}</p>
+          </div>
+          <div>
+            <h3 className="text-xs font-semibold uppercase text-slate-400 tracking-wider">Sequential Tasks</h3>
+            <div className="space-y-4 mt-2">
+              {vlaData.tasks.map((task) => (
+                <TaskSegmentCard
+                  key={task.id}
+                  task={task}
+                  videoDuration={videoDuration}
+                  totalFrames={totalFrames}
+                  onSeekToTime={onSeekToTime}
+                  onUpdateInteraction={onUpdateInteraction}
+                  onHighlightPoint={onHighlightPoint}
+                  onSetCoordinatePicker={onSetCoordinatePicker}
+                />
+              ))}
+            </div>
+          </div>
+        </div>
+      );
+    }
+
+    return (
+      <div className="flex flex-col items-center justify-center h-full text-center p-4">
+        <WandSparkles className="w-16 h-16 text-slate-600" />
+        <h3 className="mt-4 text-xl font-bold text-slate-300">Analysis Results</h3>
+        <p className="text-slate-400 mt-1 max-w-xs">
+          {hasVideo ? 'Click "Generate Action Data" to begin the analysis.' : 'Upload a video to get started.'}
+        </p>
+      </div>
+    );
+  };
+  
+  return (
+    <div className="flex-grow flex flex-col h-full overflow-hidden">
+        <div className="flex-shrink-0 flex justify-between items-center p-4 border-b border-slate-700">
+            <h2 className="text-xl font-bold text-white">Generated Data</h2>
+            {vlaData && (
+                <div className="flex items-center gap-2">
+                    <button 
+                        onClick={handleCopy}
+                        className="flex items-center gap-2 px-3 py-1.5 text-sm font-semibold bg-slate-700 hover:bg-slate-600 rounded-md transition-colors"
+                        aria-label="Copy JSON to clipboard"
+                    >
+                        {hasCopied ? <Check className="w-4 h-4 text-green-400" /> : <Copy className="w-4 h-4" />}
+                        {hasCopied ? 'Copied!' : 'Copy JSON'}
+                    </button>
+                    <button 
+                        onClick={onDownload}
+                        className="flex items-center gap-2 px-3 py-1.5 text-sm font-semibold bg-slate-700 hover:bg-slate-600 rounded-md transition-colors"
+                        aria-label="Download JSON data"
+                    >
+                        <Download className="w-4 h-4" />
+                        Download
+                    </button>
+                </div>
+            )}
+        </div>
+
+        {usedFallback && !isLoading && vlaData && (
+          <div className="flex-shrink-0 bg-yellow-900/50 border-b border-yellow-700/50 text-yellow-200 p-3 text-sm flex items-start gap-3" role="alert">
+              <AlertTriangle className="w-5 h-5 flex-shrink-0 text-yellow-400 mt-0.5" aria-hidden="true" />
+              <div>
+                  <span className="font-semibold">Using Fallback Configuration.</span> Due to high demand, results were generated using a faster, alternate setting. Quality may vary slightly.
+              </div>
+          </div>
+        )}
+
+        <div className="flex-grow overflow-y-auto">
+            {renderContent()}
+        </div>
+    </div>
+  );
+};

components/TaskSegmentCard.tsx

@@ -0,0 +1,281 @@
+
+import React, { useState, useEffect } from 'react';
+import { TaskSegment, Interaction, InteractionType } from '../types';
+import { MousePointerClick, Type, Pencil } from './Icons';
+
+type HighlightPoint = { x: number; y: number; isEditing: boolean } | null;
+type CoordinatePickerCallback = ((coords: { x: number; y: number }) => void) | null;
+
+const interactionIcons: Record<InteractionType, React.ReactNode> = {
+  click: <MousePointerClick className="w-4 h-4 text-sky-400" />,
+  type: <Type className="w-4 h-4 text-lime-400" />,
+};
+
+interface TaskSegmentCardProps {
+  task: TaskSegment;
+  videoDuration: number;
+  totalFrames: number;
+  onSeekToTime?: (time: number) => void;
+  onUpdateInteraction: (taskId: number, interactionIndex: number, updatedInteraction: Interaction) => void;
+  onHighlightPoint: (point: HighlightPoint) => void;
+  onSetCoordinatePicker: (callback: CoordinatePickerCallback) => void;
+}
+
+const formatTime = (seconds: number) => {
+    if (isNaN(seconds) || seconds < 0) return '0.0s';
+    return `${seconds.toFixed(1)}s`;
+};
+
+const formatCoords = (x?: number, y?: number) => {
+  if (x === undefined || y === undefined) return '';
+  return `(x: ${x.toFixed(2)}, y: ${y.toFixed(2)})`;
+}
+
+export const TaskSegmentCard: React.FC<TaskSegmentCardProps> = ({ task, videoDuration, totalFrames, onSeekToTime, onUpdateInteraction, onHighlightPoint, onSetCoordinatePicker }) => {
+  const [editingIndex, setEditingIndex] = useState<number | null>(null);
+  const [editingInteractionType, setEditingInteractionType] = useState<InteractionType | null>(null);
+  const [editDetails, setEditDetails] = useState('');
+  const [editTime, setEditTime] = useState('');
+  const [editX, setEditX] = useState('');
+  const [editY, setEditY] = useState('');
+
+  // Live seek video when editing timestamp
+  useEffect(() => {
+    if (editingIndex !== null && onSeekToTime) {
+      const timeInSeconds = parseFloat(editTime);
+      if (!isNaN(timeInSeconds) && timeInSeconds >= 0 && timeInSeconds <= videoDuration) {
+        onSeekToTime(timeInSeconds);
+      }
+    }
+  }, [editTime, editingIndex, onSeekToTime, videoDuration]);
+
+  // Live update highlight marker when editing coordinates
+  useEffect(() => {
+    if (editingInteractionType === 'click' && editingIndex !== null) {
+      const x = parseFloat(editX);
+      const y = parseFloat(editY);
+      if (!isNaN(x) && !isNaN(y)) {
+        onHighlightPoint({ x, y, isEditing: true });
+      }
+    }
+  }, [editX, editY, editingInteractionType, editingIndex, onHighlightPoint]);
+
+  const calculateTime = (frameIndex: number): number | null => {
+    if (!videoDuration || !totalFrames || videoDuration === 0 || totalFrames === 0) return null;
+    return (frameIndex / totalFrames) * videoDuration;
+  };
+
+  const handleInteractionClick = (interaction: Interaction) => {
+    const time = calculateTime(interaction.frameIndex);
+    if (time !== null && onSeekToTime) {
+      onSeekToTime(time);
+    }
+  };
+
+  const handleEditClick = (interaction: Interaction, index: number) => {
+    setEditingIndex(index);
+    setEditingInteractionType(interaction.type);
+    setEditDetails(interaction.details);
+    const time = calculateTime(interaction.frameIndex);
+    setEditTime(time !== null ? time.toFixed(1) : '');
+
+    if (interaction.type === 'click') {
+        setEditX(interaction.x?.toFixed(4) || '0.5');
+        setEditY(interaction.y?.toFixed(4) || '0.5');
+        onSetCoordinatePicker((coords) => {
+            setEditX(coords.x.toFixed(4));
+            setEditY(coords.y.toFixed(4));
+        });
+    }
+  };
+
+  const handleCancelEdit = () => {
+    setEditingIndex(null);
+    setEditingInteractionType(null);
+    setEditDetails('');
+    setEditTime('');
+    setEditX('');
+    setEditY('');
+    onHighlightPoint(null);
+    onSetCoordinatePicker(null);
+  };
+
+  const handleSaveEdit = () => {
+    if (editingIndex === null) return;
+
+    const timeInSeconds = parseFloat(editTime);
+    if (isNaN(timeInSeconds) || !videoDuration || !totalFrames) {
+        console.error("Cannot save edit due to invalid time or video data.");
+        return;
+    }
+    
+    const newFrameIndex = Math.round((timeInSeconds / videoDuration) * totalFrames);
+    const originalInteraction = task.interactions[editingIndex];
+
+    const updatedInteraction: Interaction = {
+        ...originalInteraction,
+        details: editDetails,
+        frameIndex: newFrameIndex,
+    };
+    
+    if (updatedInteraction.type === 'click') {
+        updatedInteraction.x = parseFloat(editX) || 0;
+        updatedInteraction.y = parseFloat(editY) || 0;
+    }
+
+    onUpdateInteraction(task.id, editingIndex, updatedInteraction);
+    handleCancelEdit();
+  };
+  
+  const handleInteractionMouseEnter = (interaction: Interaction) => {
+    if (interaction.type === 'click' && interaction.x !== undefined && interaction.y !== undefined) {
+      onHighlightPoint({ x: interaction.x, y: interaction.y, isEditing: false });
+    }
+  };
+  
+  const handleInteractionMouseLeave = () => {
+    onHighlightPoint(null);
+  };
+  
+  const segmentStartTime = formatTime(calculateTime(task.startFrame) ?? 0);
+  const segmentEndTime = formatTime(calculateTime(task.endFrame) ?? 0);
+
+  return (
+    <div className="bg-slate-900/70 border border-slate-700 rounded-xl p-4 transition-all hover:border-slate-600">
+      <div className="flex items-start gap-4">
+        <div className="flex-shrink-0 bg-slate-700 text-indigo-300 font-bold text-sm w-8 h-8 flex items-center justify-center rounded-full">
+          {task.id}
+        </div>
+        <div className="flex-grow">
+          <div className="flex justify-between items-start gap-2">
+              <p className="font-semibold text-slate-200 pr-2">{task.description}</p>
+              {(calculateTime(task.startFrame) !== null) && (
+                  <span className="text-xs font-mono text-slate-400 bg-slate-800 px-2 py-1 rounded-md whitespace-nowrap">
+                      {segmentStartTime} - {segmentEndTime}
+                  </span>
+              )}
+          </div>
+
+          {task.interactions && task.interactions.length > 0 && (
+            <div className="mt-3 space-y-1">
+              {task.interactions.map((interaction, index) => {
+                if (editingIndex === index) {
+                  // EDITING VIEW
+                  return (
+                     <div key={index} className="bg-slate-800 p-3 -mx-3 rounded-lg ring-2 ring-indigo-500">
+                        <div className="flex items-start gap-3">
+                            <div className="flex-shrink-0 pt-1">
+                                {interactionIcons[interaction.type] || <div className="w-4 h-4" />}
+                            </div>
+                            <div className="flex-grow space-y-3">
+                                <div>
+                                    <label className="text-xs text-slate-400">Description</label>
+                                    <input 
+                                        type="text"
+                                        value={editDetails}
+                                        onChange={(e) => setEditDetails(e.target.value)}
+                                        className="w-full bg-slate-900 border border-slate-600 rounded-md px-2 py-1 text-sm text-slate-200 focus:ring-1 focus:ring-indigo-400 focus:border-indigo-400"
+                                    />
+                                </div>
+                                <div className="grid grid-cols-1 sm:grid-cols-3 gap-2">
+                                    <div>
+                                        <label className="text-xs text-slate-400">Timestamp (s)</label>
+                                        <input 
+                                            type="number"
+                                            step="0.1"
+                                            value={editTime}
+                                            onChange={(e) => setEditTime(e.target.value)}
+                                            className="w-full bg-slate-900 border border-slate-600 rounded-md px-2 py-1 text-sm text-slate-200 focus:ring-1 focus:ring-indigo-400 focus:border-indigo-400"
+                                        />
+                                    </div>
+                                    {interaction.type === 'click' && (
+                                        <>
+                                            <div>
+                                                <label className="text-xs text-slate-400">Coord. X</label>
+                                                <input 
+                                                    type="number"
+                                                    step="0.01"
+                                                    value={editX}
+                                                    onChange={(e) => setEditX(e.target.value)}
+                                                    className="w-full bg-slate-900 border border-slate-600 rounded-md px-2 py-1 text-sm text-slate-200 focus:ring-1 focus:ring-indigo-400 focus:border-indigo-400"
+                                                />
+                                            </div>
+                                            <div>
+                                                <label className="text-xs text-slate-400">Coord. Y</label>
+                                                <input 
+                                                    type="number"
+                                                    step="0.01"
+                                                    value={editY}
+                                                    onChange={(e) => setEditY(e.target.value)}
+                                                    className="w-full bg-slate-900 border border-slate-600 rounded-md px-2 py-1 text-sm text-slate-200 focus:ring-1 focus:ring-indigo-400 focus:border-indigo-400"
+                                                />
+                                            </div>
+                                        </>
+                                    )}
+                                </div>
+                                {interaction.type === 'click' && (
+                                  <p className="text-xs text-slate-400 italic">Click on the video player to update coordinates.</p>
+                                )}
+                            </div>
+                        </div>
+                        <div className="flex justify-end items-center gap-2 mt-3">
+                            <button onClick={handleCancelEdit} className="px-3 py-1 text-sm font-semibold text-slate-300 hover:bg-slate-700 rounded-md">Cancel</button>
+                            <button onClick={handleSaveEdit} className="px-3 py-1 text-sm font-semibold text-white bg-indigo-600 hover:bg-indigo-500 rounded-md">Save</button>
+                        </div>
+                    </div>
+                  );
+                }
+                
+                // DISPLAY VIEW
+                const interactionTime = calculateTime(interaction.frameIndex);
+                const interactionCoords = formatCoords(interaction.x, interaction.y);
+                return (
+                  <div 
+                    key={index}
+                    onMouseEnter={() => handleInteractionMouseEnter(interaction)}
+                    onMouseLeave={handleInteractionMouseLeave}
+                    className="group flex items-start gap-3 p-1.5 -mx-1.5 rounded-md transition-colors hover:bg-slate-800/60"
+                  >
+                    <div
+                      className="flex-shrink-0 pt-1 cursor-pointer"
+                      onClick={() => handleInteractionClick(interaction)}
+                      role="button"
+                      tabIndex={0}
+                      onKeyPress={(e) => (e.key === 'Enter' || e.key === ' ') && handleInteractionClick(interaction)}
+                    >
+                      {interactionIcons[interaction.type] || <div className="w-4 h-4" />}
+                    </div>
+                    <div
+                      className="flex-grow text-sm text-slate-400 cursor-pointer"
+                      onClick={() => handleInteractionClick(interaction)}
+                      role="button"
+                    >
+                      <span>{interaction.details}</span>
+                      {interaction.type === 'click' && interactionCoords && (
+                        <span className="ml-2 font-mono text-xs text-cyan-400">{interactionCoords}</span>
+                      )}
+                    </div>
+                    <div className="flex items-center gap-2">
+                        {interactionTime !== null && (
+                          <span className="text-xs font-mono text-slate-500 whitespace-nowrap hidden group-hover:inline">
+                            (~{formatTime(interactionTime)})
+                          </span>
+                        )}
+                        <button 
+                            onClick={() => handleEditClick(interaction, index)} 
+                            className="hidden group-hover:block p-1 text-slate-500 hover:text-slate-300 transition-colors"
+                            aria-label="Edit interaction"
+                        >
+                            <Pencil className="w-3.5 h-3.5" />
+                        </button>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};

components/VideoPlayer.tsx

@@ -0,0 +1,51 @@
+import React, { forwardRef } from 'react';
+
+interface VideoPlayerProps {
+  src: string;
+  highlightPoint: { x: number; y: number } | null;
+  onVideoClick: (coords: { x: number; y: number }) => void;
+}
+
+export const VideoPlayer = forwardRef<HTMLVideoElement, VideoPlayerProps>(
+  ({ src, highlightPoint, onVideoClick }, ref) => {
+    
+    const handleOverlayClick = (e: React.MouseEvent<HTMLDivElement>) => {
+      const rect = e.currentTarget.getBoundingClientRect();
+      const x = (e.clientX - rect.left) / rect.width;
+      const y = (e.clientY - rect.top) / rect.height;
+      onVideoClick({ x, y });
+    };
+
+    return (
+      <div className="relative w-full h-full" onClick={handleOverlayClick}>
+        <video
+          ref={ref}
+          src={src}
+          controls
+          className="w-full h-full object-contain rounded-lg"
+          key={src} // Force re-render when src changes
+        >
+          Your browser does not support the video tag.
+        </video>
+        {highlightPoint && (
+          <div
+            className="absolute top-0 left-0 w-full h-full pointer-events-none"
+          >
+            <span
+              className="absolute w-4 h-4 -ml-2 -mt-2 bg-red-500/80 rounded-full ring-2 ring-white/80 shadow-lg"
+              style={{
+                left: `${highlightPoint.x * 100}%`,
+                top: `${highlightPoint.y * 100}%`,
+                transform: 'scale(1)',
+                transition: 'transform 0.1s ease-out',
+              }}
+              aria-hidden="true"
+            ></span>
+          </div>
+        )}
+      </div>
+    );
+  }
+);
+
+VideoPlayer.displayName = "VideoPlayer";

components/VideoUploader.tsx

@@ -0,0 +1,76 @@
+
+import React, { useState, useCallback, useRef } from 'react';
+import { FileVideo } from './Icons';
+
+interface VideoUploaderProps {
+  onVideoSelect: (file: File) => void;
+}
+
+export const VideoUploader: React.FC<VideoUploaderProps> = ({ onVideoSelect }) => {
+  const [isDragging, setIsDragging] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const handleDrag = useCallback((e: React.DragEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+
+  const handleDragIn = useCallback((e: React.DragEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+      setIsDragging(true);
+    }
+  }, []);
+
+  const handleDragOut = useCallback((e: React.DragEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+  }, []);
+
+  const handleDrop = useCallback((e: React.DragEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      onVideoSelect(e.dataTransfer.files[0]);
+      e.dataTransfer.clearData();
+    }
+  }, [onVideoSelect]);
+  
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.files && e.target.files.length > 0) {
+      onVideoSelect(e.target.files[0]);
+    }
+  };
+  
+  const onButtonClick = () => {
+    fileInputRef.current?.click();
+  };
+
+  return (
+    <div
+      onDragEnter={handleDragIn}
+      onDragLeave={handleDragOut}
+      onDragOver={handleDrag}
+      onDrop={handleDrop}
+      onClick={onButtonClick}
+      className={`w-full h-full p-4 flex flex-col items-center justify-center border-4 border-dashed rounded-xl transition-all duration-300 cursor-pointer
+        ${isDragging ? 'border-indigo-500 bg-slate-700/50' : 'border-slate-600 hover:border-indigo-600 hover:bg-slate-700/30'}`}
+    >
+      <input
+        ref={fileInputRef}
+        type="file"
+        accept="video/*"
+        onChange={handleFileChange}
+        className="hidden"
+      />
+      <div className="text-center pointer-events-none">
+        <FileVideo className="w-16 h-16 mx-auto text-slate-500 mb-4" />
+        <p className="text-lg font-semibold text-slate-300">Drag & Drop Video File</p>
+        <p className="text-slate-400">or click to select a file</p>
+      </div>
+    </div>
+  );
+};

index.html

@@ -0,0 +1,42 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>VLA Data Generator</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+      /* For a custom scrollbar to match the dark theme */
+      ::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+      }
+      ::-webkit-scrollbar-track {
+        background: #1e293b; /* slate-800 */
+      }
+      ::-webkit-scrollbar-thumb {
+        background: #475569; /* slate-600 */
+        border-radius: 4px;
+      }
+      ::-webkit-scrollbar-thumb:hover {
+        background: #64748b; /* slate-500 */
+      }
+    </style>
+  <script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@^19.1.0",
+    "react-dom/": "https://esm.sh/react-dom@^19.1.0/",
+    "react/": "https://esm.sh/react@^19.1.0/",
+    "@google/genai": "https://esm.sh/@google/genai@^1.8.0"
+  }
+}
+</script>
+</head>
+  <body class="bg-slate-900">
+    <div id="root"></div>
+    <script type="module" src="/index.tsx"></script>
+  </body>
+</html>

index.tsx

@@ -0,0 +1,16 @@
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const rootElement = document.getElementById('root');
+if (!rootElement) {
+  throw new Error("Could not find root element to mount to");
+}
+
+const root = ReactDOM.createRoot(rootElement);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

metadata.json

@@ -0,0 +1,6 @@
+{
+  "name": "VLA Data Generator",
+  "description": "An AI-powered tool to analyze screen recordings. It understands the user's goal, breaks down the video into sequential tasks, and identifies key actions like clicks and keypresses to generate structured data.",
+  "requestFramePermissions": [],
+  "prompt": ""
+}

package-lock.json

@@ -0,0 +1,2048 @@
+{
+  "name": "vla-data-generator",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "vla-data-generator",
+      "version": "0.0.0",
+      "dependencies": {
+        "@google/genai": "^1.8.0",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0"
+      },
+      "devDependencies": {
+        "@types/node": "^22.14.0",
+        "@types/react": "^19.1.0",
+        "@types/react-dom": "^19.1.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "typescript": "~5.7.2",
+        "vite": "^6.2.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.6",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
+      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.1.tgz",
+      "integrity": "sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.7.tgz",
+      "integrity": "sha512-uD0kKFHh6ETr8TqEtaAcV+dn/2qnYbH/+8wGEdY70Qf7l1l/jmBUbrmQqwiPKAQE6cOQ7dTj6Xr0HzQDGHyceQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.7.tgz",
+      "integrity": "sha512-Jhuet0g1k9rAJHrXGIh7sFknFuT4sfytYZpZpuZl7YKDhnPByVAm5oy2LEBmMbuYf3ejWVYCc2seX81Mk+madA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.7.tgz",
+      "integrity": "sha512-p0ohDnwyIbAtztHTNUTzN5EGD/HJLs1bwysrOPgSdlIA6NDnReoVfoCyxG6W1d85jr2X80Uq5KHftyYgaK9LPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.7.tgz",
+      "integrity": "sha512-mMxIJFlSgVK23HSsII3ZX9T2xKrBCDGyk0qiZnIW10LLFFtZLkFD6imZHu7gUo2wkNZwS9Yj3mOtZD3ZPcjCcw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.7.tgz",
+      "integrity": "sha512-jyOFLGP2WwRwxM8F1VpP6gcdIJc8jq2CUrURbbTouJoRO7XCkU8GdnTDFIHdcifVBT45cJlOYsZ1kSlfbKjYUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.7.tgz",
+      "integrity": "sha512-m9bVWqZCwQ1BthruifvG64hG03zzz9gE2r/vYAhztBna1/+qXiHyP9WgnyZqHgGeXoimJPhAmxfbeU+nMng6ZA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.7.tgz",
+      "integrity": "sha512-Bss7P4r6uhr3kDzRjPNEnTm/oIBdTPRNQuwaEFWT/uvt6A1YzK/yn5kcx5ZxZ9swOga7LqeYlu7bDIpDoS01bA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.7.tgz",
+      "integrity": "sha512-S3BFyjW81LXG7Vqmr37ddbThrm3A84yE7ey/ERBlK9dIiaWgrjRlre3pbG7txh1Uaxz8N7wGGQXmC9zV+LIpBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.7.tgz",
+      "integrity": "sha512-JZMIci/1m5vfQuhKoFXogCKVYVfYQmoZJg8vSIMR4TUXbF+0aNlfXH3DGFEFMElT8hOTUF5hisdZhnrZO/bkDw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.7.tgz",
+      "integrity": "sha512-HfQZQqrNOfS1Okn7PcsGUqHymL1cWGBslf78dGvtrj8q7cN3FkapFgNA4l/a5lXDwr7BqP2BSO6mz9UremNPbg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.7.tgz",
+      "integrity": "sha512-9Jex4uVpdeofiDxnwHRgen+j6398JlX4/6SCbbEFEXN7oMO2p0ueLN+e+9DdsdPLUdqns607HmzEFnxwr7+5wQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.7.tgz",
+      "integrity": "sha512-TG1KJqjBlN9IHQjKVUYDB0/mUGgokfhhatlay8aZ/MSORMubEvj/J1CL8YGY4EBcln4z7rKFbsH+HeAv0d471w==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.7.tgz",
+      "integrity": "sha512-Ty9Hj/lx7ikTnhOfaP7ipEm/ICcBv94i/6/WDg0OZ3BPBHhChsUbQancoWYSO0WNkEiSW5Do4febTTy4x1qYQQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.7.tgz",
+      "integrity": "sha512-MrOjirGQWGReJl3BNQ58BLhUBPpWABnKrnq8Q/vZWWwAB1wuLXOIxS2JQ1LT3+5T+3jfPh0tyf5CpbyQHqnWIQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.7.tgz",
+      "integrity": "sha512-9pr23/pqzyqIZEZmQXnFyqp3vpa+KBk5TotfkzGMqpw089PGm0AIowkUppHB9derQzqniGn3wVXgck19+oqiOw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.7.tgz",
+      "integrity": "sha512-4dP11UVGh9O6Y47m8YvW8eoA3r8qL2toVZUbBKyGta8j6zdw1cn9F/Rt59/Mhv0OgY68pHIMjGXWOUaykCnx+w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.7.tgz",
+      "integrity": "sha512-ghJMAJTdw/0uhz7e7YnpdX1xVn7VqA0GrWrAO2qKMuqbvgHT2VZiBv1BQ//VcHsPir4wsL3P2oPggfKPzTKoCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.7.tgz",
+      "integrity": "sha512-bwXGEU4ua45+u5Ci/a55B85KWaDSRS8NPOHtxy2e3etDjbz23wlry37Ffzapz69JAGGc4089TBo+dGzydQmydg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.7.tgz",
+      "integrity": "sha512-tUZRvLtgLE5OyN46sPSYlgmHoBS5bx2URSrgZdW1L1teWPYVmXh+QN/sKDqkzBo/IHGcKcHLKDhBeVVkO7teEA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.7.tgz",
+      "integrity": "sha512-bTJ50aoC+WDlDGBReWYiObpYvQfMjBNlKztqoNUL0iUkYtwLkBQQeEsTq/I1KyjsKA5tyov6VZaPb8UdD6ci6Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.7.tgz",
+      "integrity": "sha512-TA9XfJrgzAipFUU895jd9j2SyDh9bbNkK2I0gHcvqb/o84UeQkBpi/XmYX3cO1q/9hZokdcDqQxIi6uLVrikxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.7.tgz",
+      "integrity": "sha512-5VTtExUrWwHHEUZ/N+rPlHDwVFQ5aME7vRJES8+iQ0xC/bMYckfJ0l2n3yGIfRoXcK/wq4oXSItZAz5wslTKGw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.7.tgz",
+      "integrity": "sha512-umkbn7KTxsexhv2vuuJmj9kggd4AEtL32KodkJgfhNOHMPtQ55RexsaSrMb+0+jp9XL4I4o2y91PZauVN4cH3A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.7.tgz",
+      "integrity": "sha512-j20JQGP/gz8QDgzl5No5Gr4F6hurAZvtkFxAKhiv2X49yi/ih8ECK4Y35YnjlMogSKJk931iNMcd35BtZ4ghfw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.7.tgz",
+      "integrity": "sha512-4qZ6NUfoiiKZfLAXRsvFkA0hoWVM+1y2bSHXHkpdLAs/+r0LgwqYohmfZCi985c6JWHhiXP30mgZawn/XrqAkQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.7.tgz",
+      "integrity": "sha512-FaPsAHTwm+1Gfvn37Eg3E5HIpfR3i6x1AIcla/MkqAIupD4BW3MrSeUqfoTzwwJhk3WE2/KqUn4/eenEJC76VA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@google/genai": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@google/genai/-/genai-1.10.0.tgz",
+      "integrity": "sha512-PR4tLuiIFMrpAiiCko2Z16ydikFsPF1c5TBfI64hlZcv3xBEApSCceLuDYu1pNMq2SkNh4r66J4AG+ZexBnMLw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "google-auth-library": "^9.14.2",
+        "ws": "^8.18.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "@modelcontextprotocol/sdk": "^1.11.0"
+      },
+      "peerDependenciesMeta": {
+        "@modelcontextprotocol/sdk": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
+      "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.45.1.tgz",
+      "integrity": "sha512-NEySIFvMY0ZQO+utJkgoMiCAjMrGvnbDLHvcmlA33UXJpYBCvlBEbMMtV837uCkS+plG2umfhn0T5mMAxGrlRA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.45.1.tgz",
+      "integrity": "sha512-ujQ+sMXJkg4LRJaYreaVx7Z/VMgBBd89wGS4qMrdtfUFZ+TSY5Rs9asgjitLwzeIbhwdEhyj29zhst3L1lKsRQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.45.1.tgz",
+      "integrity": "sha512-FSncqHvqTm3lC6Y13xncsdOYfxGSLnP+73k815EfNmpewPs+EyM49haPS105Rh4aF5mJKywk9X0ogzLXZzN9lA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.45.1.tgz",
+      "integrity": "sha512-2/vVn/husP5XI7Fsf/RlhDaQJ7x9zjvC81anIVbr4b/f0xtSmXQTFcGIQ/B1cXIYM6h2nAhJkdMHTnD7OtQ9Og==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.45.1.tgz",
+      "integrity": "sha512-4g1kaDxQItZsrkVTdYQ0bxu4ZIQ32cotoQbmsAnW1jAE4XCMbcBPDirX5fyUzdhVCKgPcrwWuucI8yrVRBw2+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.45.1.tgz",
+      "integrity": "sha512-L/6JsfiL74i3uK1Ti2ZFSNsp5NMiM4/kbbGEcOCps99aZx3g8SJMO1/9Y0n/qKlWZfn6sScf98lEOUe2mBvW9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.45.1.tgz",
+      "integrity": "sha512-RkdOTu2jK7brlu+ZwjMIZfdV2sSYHK2qR08FUWcIoqJC2eywHbXr0L8T/pONFwkGukQqERDheaGTeedG+rra6Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.45.1.tgz",
+      "integrity": "sha512-3kJ8pgfBt6CIIr1o+HQA7OZ9mp/zDk3ctekGl9qn/pRBgrRgfwiffaUmqioUGN9hv0OHv2gxmvdKOkARCtRb8Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.45.1.tgz",
+      "integrity": "sha512-k3dOKCfIVixWjG7OXTCOmDfJj3vbdhN0QYEqB+OuGArOChek22hn7Uy5A/gTDNAcCy5v2YcXRJ/Qcnm4/ma1xw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.45.1.tgz",
+      "integrity": "sha512-PmI1vxQetnM58ZmDFl9/Uk2lpBBby6B6rF4muJc65uZbxCs0EA7hhKCk2PKlmZKuyVSHAyIw3+/SiuMLxKxWog==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.45.1.tgz",
+      "integrity": "sha512-9UmI0VzGmNJ28ibHW2GpE2nF0PBQqsyiS4kcJ5vK+wuwGnV5RlqdczVocDSUfGX/Na7/XINRVoUgJyFIgipoRg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.45.1.tgz",
+      "integrity": "sha512-7nR2KY8oEOUTD3pBAxIBBbZr0U7U+R9HDTPNy+5nVVHDXI4ikYniH1oxQz9VoB5PbBU1CZuDGHkLJkd3zLMWsg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.45.1.tgz",
+      "integrity": "sha512-nlcl3jgUultKROfZijKjRQLUu9Ma0PeNv/VFHkZiKbXTBQXhpytS8CIj5/NfBeECZtY2FJQubm6ltIxm/ftxpw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.45.1.tgz",
+      "integrity": "sha512-HJV65KLS51rW0VY6rvZkiieiBnurSzpzore1bMKAhunQiECPuxsROvyeaot/tcK3A3aGnI+qTHqisrpSgQrpgA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.45.1.tgz",
+      "integrity": "sha512-NITBOCv3Qqc6hhwFt7jLV78VEO/il4YcBzoMGGNxznLgRQf43VQDae0aAzKiBeEPIxnDrACiMgbqjuihx08OOw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.45.1.tgz",
+      "integrity": "sha512-+E/lYl6qu1zqgPEnTrs4WysQtvc/Sh4fC2nByfFExqgYrqkKWp1tWIbe+ELhixnenSpBbLXNi6vbEEJ8M7fiHw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.45.1.tgz",
+      "integrity": "sha512-a6WIAp89p3kpNoYStITT9RbTbTnqarU7D8N8F2CV+4Cl9fwCOZraLVuVFvlpsW0SbIiYtEnhCZBPLoNdRkjQFw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.45.1.tgz",
+      "integrity": "sha512-T5Bi/NS3fQiJeYdGvRpTAP5P02kqSOpqiopwhj0uaXB6nzs5JVi2XMJb18JUSKhCOX8+UE1UKQufyD6Or48dJg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.45.1.tgz",
+      "integrity": "sha512-lxV2Pako3ujjuUe9jiU3/s7KSrDfH6IgTSQOnDWr9aJ92YsFd7EurmClK0ly/t8dzMkDtd04g60WX6yl0sGfdw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.45.1.tgz",
+      "integrity": "sha512-M/fKi4sasCdM8i0aWJjCSFm2qEnYRR8AMLG2kxp6wD13+tMGA4Z1tVAuHkNRjud5SW2EM3naLuK35w9twvf6aA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+      "integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.16.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.16.5.tgz",
+      "integrity": "sha512-bJFoMATwIGaxxx8VJPeM8TonI8t579oRvgAuT8zFugJsJZgzqv0Fu8Mhp68iecjzG7cnN3mO2dJQ5uUM2EFrgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.8",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
+      "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.1.6",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz",
+      "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.3.1.tgz",
+      "integrity": "sha512-Ko0uX15oIUS7wJ3Rb30Fs6SkVbLmPBAKdlm7q9+ak9bbIeFf0MwuBsQV6z7+X768/cHsfg+WlysDWJcmthjsjQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
+      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001726",
+        "electron-to-chromium": "^1.5.173",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.187",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.187.tgz",
+      "integrity": "sha512-cl5Jc9I0KGUoOoSbxvTywTa40uspGJt/BDBoDLoxJRSBpWh4FFXBsjNRHfQrONsV/OoEjDfHUmZQa2d6Ze4YgA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.7.tgz",
+      "integrity": "sha512-daJB0q2dmTzo90L9NjRaohhRWrCzYxWNFTjEi72/h+p5DcY3yn4MacWfDakHmaBaDzDiuLJsCh0+6LK/iX+c+Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.7",
+        "@esbuild/android-arm": "0.25.7",
+        "@esbuild/android-arm64": "0.25.7",
+        "@esbuild/android-x64": "0.25.7",
+        "@esbuild/darwin-arm64": "0.25.7",
+        "@esbuild/darwin-x64": "0.25.7",
+        "@esbuild/freebsd-arm64": "0.25.7",
+        "@esbuild/freebsd-x64": "0.25.7",
+        "@esbuild/linux-arm": "0.25.7",
+        "@esbuild/linux-arm64": "0.25.7",
+        "@esbuild/linux-ia32": "0.25.7",
+        "@esbuild/linux-loong64": "0.25.7",
+        "@esbuild/linux-mips64el": "0.25.7",
+        "@esbuild/linux-ppc64": "0.25.7",
+        "@esbuild/linux-riscv64": "0.25.7",
+        "@esbuild/linux-s390x": "0.25.7",
+        "@esbuild/linux-x64": "0.25.7",
+        "@esbuild/netbsd-arm64": "0.25.7",
+        "@esbuild/netbsd-x64": "0.25.7",
+        "@esbuild/openbsd-arm64": "0.25.7",
+        "@esbuild/openbsd-x64": "0.25.7",
+        "@esbuild/openharmony-arm64": "0.25.7",
+        "@esbuild/sunos-x64": "0.25.7",
+        "@esbuild/win32-arm64": "0.25.7",
+        "@esbuild/win32-ia32": "0.25.7",
+        "@esbuild/win32-x64": "0.25.7"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
+      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gaxios": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-6.7.1.tgz",
+      "integrity": "sha512-LDODD4TMYx7XXdpwxAVRAIAuB0bzv0s+ywFonY46k126qzQHT9ygyoa9tncmOiQmmDrik65UYsEkv3lbfqQ3yQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gcp-metadata": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.1.tgz",
+      "integrity": "sha512-a4tiq7E0/5fTjxPAaH4jpjkSv/uCaU2p5KC6HVGrvl0cDjA8iBZv4vv1gyzlmK0ZUKqwpOyQMKzZQe3lTit77A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "gaxios": "^6.1.1",
+        "google-logging-utils": "^0.0.2",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/google-auth-library": {
+      "version": "9.15.1",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.15.1.tgz",
+      "integrity": "sha512-Jb6Z0+nvECVz+2lzSMt9u98UsoakXxA2HGHMCxh+so3n90XgYWkq5dur19JAJV7ONiJY22yBTyJB1TSkvPq9Ng==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.1.1",
+        "gcp-metadata": "^6.1.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-logging-utils": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/google-logging-utils/-/google-logging-utils-0.0.2.tgz",
+      "integrity": "sha512-NEgUnEcBiP5HrPzufUkBzJOD/Sxsco3rLNo1F1TNf7ieU8ryUzBhqba8r756CjLX7rn3fHl6iLEwPYuqpoKgQQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gtoken": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.1.0.tgz",
+      "integrity": "sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==",
+      "license": "MIT",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
+      "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.1.tgz",
+      "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
+      "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.45.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.45.1.tgz",
+      "integrity": "sha512-4iya7Jb76fVpQyLoiVpzUrsjQ12r3dM7fIVz+4NwoYvZOShknRmiv+iu9CClZml5ZLGb0XMcYLutK6w9tgxHDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.45.1",
+        "@rollup/rollup-android-arm64": "4.45.1",
+        "@rollup/rollup-darwin-arm64": "4.45.1",
+        "@rollup/rollup-darwin-x64": "4.45.1",
+        "@rollup/rollup-freebsd-arm64": "4.45.1",
+        "@rollup/rollup-freebsd-x64": "4.45.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.45.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.45.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.45.1",
+        "@rollup/rollup-linux-arm64-musl": "4.45.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.45.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.45.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.45.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.45.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.45.1",
+        "@rollup/rollup-linux-x64-gnu": "4.45.1",
+        "@rollup/rollup-linux-x64-musl": "4.45.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.45.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.45.1",
+        "@rollup/rollup-win32-x64-msvc": "4.45.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/typescript": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
+      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
+      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    }
+  }
+}

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "vla-data-generator",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "@google/genai": "^1.8.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.2.0"
+  }
+}

services/backendService.ts

@@ -0,0 +1,104 @@
+import { VlaData } from '../types';
+
+// Backend API base URL - same server serves both frontend and API
+const API_BASE_URL = '/api';
+
+/**
+ * A wrapper for the backend API call that includes retry logic.
+ */
+async function callBackendAPI(endpoint: string, data: any, retries = 3): Promise<any> {
+    for (let attempt = 1; attempt <= retries; attempt++) {
+        try {
+            const response = await fetch(`${API_BASE_URL}${endpoint}`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(data)
+            });
+
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+
+            return await response.json();
+        } catch (error) {
+            console.error(`API call attempt ${attempt} failed:`, error);
+            
+            if (attempt === retries) {
+                throw error;
+            }
+            
+            // Wait before retry
+            await new Promise(resolve => setTimeout(resolve, 1000 * attempt));
+        }
+    }
+}
+
+/**
+ * Generates an overall goal for the video based on analyzed frames.
+ */
+export async function generateOverallGoal(frames: string[], videoDuration: number): Promise<string> {
+    try {
+        console.log(`Generating overall goal for ${frames.length} frames...`);
+        
+        const response = await callBackendAPI('/generate-goal', {
+            frames,
+            videoDuration
+        });
+
+        return response.goal || 'Unable to determine overall goal';
+    } catch (error) {
+        console.error('Error generating overall goal:', error);
+        throw new Error('Failed to generate overall goal. Please check your connection and try again.');
+    }
+}
+
+/**
+ * Generates tasks and interactions for the video.
+ */
+export async function generateTasksAndInteractions(
+    frames: string[], 
+    goal: string, 
+    videoDuration: number, 
+    totalFrames: number,
+    onProgress?: (current: number, total: number) => void
+): Promise<VlaData> {
+    try {
+        console.log(`Generating tasks and interactions for ${frames.length} frames...`);
+        
+        if (onProgress) onProgress(0, 1);
+
+        const response = await callBackendAPI('/generate-tasks', {
+            frames,
+            goal,
+            videoDuration,
+            totalFrames
+        });
+
+        if (onProgress) onProgress(1, 1);
+
+        // Transform backend response to match frontend types
+        const vlaData: VlaData = {
+            overallGoal: goal,
+            tasks: response.tasks?.map((task: any, index: number) => ({
+                id: index + 1,
+                description: task.description || '',
+                startFrame: task.start_frame || 0,
+                endFrame: task.end_frame || frames.length - 1,
+                interactions: task.interactions?.map((interaction: any) => ({
+                    type: (interaction.type === 'click' || interaction.type === 'type') ? interaction.type : 'click',
+                    details: interaction.description || '',
+                    frameIndex: interaction.frame_number || 0,
+                    x: interaction.coordinates?.x ? interaction.coordinates.x / 1000 : undefined, // Convert to relative coords
+                    y: interaction.coordinates?.y ? interaction.coordinates.y / 1000 : undefined
+                })) || []
+            })) || []
+        };
+
+        return vlaData;
+    } catch (error) {
+        console.error('Error generating tasks and interactions:', error);
+        throw new Error('Failed to generate tasks and interactions. Please check your connection and try again.');
+    }
+}

services/geminiService.ts

@@ -0,0 +1,248 @@
+
+import { GoogleGenAI, GenerateContentResponse } from "@google/genai";
+import { VlaData, TaskSegment, Interaction } from '../types';
+import { GET_OVERALL_GOAL_PROMPT, GET_TASKS_AND_INTERACTIONS_PROMPT } from './prompts';
+
+// Get API key from environment variables - try both names
+const getApiKey = () => {
+    // In development, try process.env (from Vite)
+    if (typeof process !== 'undefined' && process.env) {
+        return process.env.GEMINI_API_KEY || process.env.API_KEY || '';
+    }
+    
+    // In production, try window.__ENV__ (injected at runtime)
+    if (typeof window !== 'undefined' && (window as any).__ENV__) {
+        return (window as any).__ENV__.GEMINI_API_KEY || (window as any).__ENV__.API_KEY || '';
+    }
+    
+    // Fallback - prompt user for API key
+    const storedKey = localStorage.getItem('gemini_api_key');
+    if (storedKey) return storedKey;
+    
+    const userKey = prompt('Please enter your Gemini API key:');
+    if (userKey) {
+        localStorage.setItem('gemini_api_key', userKey);
+        return userKey;
+    }
+    
+    return '';
+};
+
+const apiKey = getApiKey();
+if (!apiKey) {
+    throw new Error("API key not found. Please set GEMINI_API_KEY or API_KEY environment variable, or enter it when prompted.");
+}
+
+const ai = new GoogleGenAI({ apiKey });
+
+const CHUNK_SIZE = 15;
+const OVERLAP = 5;
+
+/**
+ * A wrapper for the Gemini API call that includes retry and fallback logic.
+ * It first tries the primary model. If it encounters rate-limiting errors,
+ * it retries, and if that still fails, it falls back to a "lite" configuration.
+ */
+async function callGeminiWithRetry(
+  params: Parameters<typeof ai.models.generateContent>[0],
+  maxRetries: number = 2, // Retries for primary model before fallback
+  initialDelay: number = 1000
+): Promise<{ response: GenerateContentResponse; usedFallback: boolean }> {
+    let lastRateLimitError: any;
+
+    for (let i = 0; i < maxRetries; i++) {
+        try {
+            const primaryParams = { ...params, model: 'gemini-2.5-flash-preview-04-17' };
+            const response = await ai.models.generateContent(primaryParams);
+            return { response, usedFallback: false };
+        } catch (error) {
+            const isRateLimitError = error?.toString().includes('429') || error?.toString().includes('RESOURCE_EXHAUSTED');
+            if (isRateLimitError) {
+                lastRateLimitError = error;
+                const delay = initialDelay * Math.pow(2, i);
+                console.warn(`Primary model failed with rate limit on attempt ${i + 1}. Retrying in ${delay}ms...`);
+                await new Promise(resolve => setTimeout(resolve, delay));
+            } else {
+                console.error("Gemini API call failed with a non-rate-limit error.", error);
+                throw error; // Fail fast on other errors
+            }
+        }
+    }
+
+    // If loop completes, all primary attempts were rate-limited.
+    console.warn(`All primary model attempts failed due to rate limits. Switching to fallback 'lite' configuration.`);
+    try {
+        const fallbackParams = {
+            ...params,
+            model: 'gemini-2.5-flash-preview-04-17',
+            config: {
+                ...(params.config || {}),
+                thinkingConfig: { thinkingBudget: 0 }
+            }
+        };
+        const response = await ai.models.generateContent(fallbackParams);
+        console.log("Successfully generated content with fallback configuration.");
+        return { response, usedFallback: true };
+    } catch (fallbackError) {
+        console.error("Fallback configuration also failed.", fallbackError);
+        // Throw the fallback error as it's the most recent.
+        throw fallbackError;
+    }
+}
+
+
+function parseJsonResponse<T>(response: GenerateContentResponse): T {
+    let jsonStr = response.text.trim();
+    const fenceRegex = /^```(\w*)?\s*\n?(.*?)\n?\s*```$/s;
+    const match = jsonStr.match(fenceRegex);
+    if (match && match[2]) {
+        jsonStr = match[2].trim();
+    }
+    try {
+        return JSON.parse(jsonStr) as T;
+    } catch (e) {
+        console.error("Failed to parse JSON response:", jsonStr);
+        throw new Error("AI response was not valid JSON.");
+    }
+}
+
+/**
+ * Generates the overall goal by analyzing a few keyframes.
+ */
+export async function generateOverallGoal(keyframes: string[]): Promise<{ goal: string, usedFallback: boolean }> {
+    const imageParts = keyframes.map(frame => ({
+        inlineData: { mimeType: 'image/jpeg', data: frame.split(',')[1] },
+    }));
+
+    const contents = [{ text: GET_OVERALL_GOAL_PROMPT }, ...imageParts];
+
+    try {
+        const { response, usedFallback } = await callGeminiWithRetry({
+            model: 'gemini-2.5-flash-preview-04-17',
+            contents: { parts: contents },
+            config: { responseMimeType: "application/json", temperature: 0.1 }
+        });
+        const parsed = parseJsonResponse<{ overallGoal: string }>(response);
+        if (!parsed.overallGoal) {
+            throw new Error("AI response for overall goal is missing the 'overallGoal' field.");
+        }
+        return { goal: parsed.overallGoal, usedFallback };
+    } catch (error) {
+        console.error("Error calling Gemini API for overall goal:", error);
+        throw new Error(`AI model failed to determine overall goal: ${error instanceof Error ? error.message : 'Unknown error'}`);
+    }
+}
+
+
+function mergeAndDeduplicateTasks(tasks: Omit<TaskSegment, 'id'>[]): TaskSegment[] {
+    if (tasks.length === 0) return [];
+
+    // Sort tasks by their start frame
+    const sortedTasks = tasks.sort((a, b) => a.startFrame - b.startFrame);
+
+    const mergedTasks: Omit<TaskSegment, 'id'>[] = [];
+    if (sortedTasks.length > 0) {
+        // Deep copy to avoid mutation issues when merging
+        mergedTasks.push(JSON.parse(JSON.stringify(sortedTasks[0])));
+    } else {
+        return [];
+    }
+    
+
+    for (let i = 1; i < sortedTasks.length; i++) {
+        const currentTask = sortedTasks[i];
+        const lastMergedTask = mergedTasks[mergedTasks.length - 1];
+
+        const isSimilarDescription = currentTask.description.trim().toLowerCase() === lastMergedTask.description.trim().toLowerCase();
+        const isOverlapping = currentTask.startFrame < lastMergedTask.endFrame;
+
+        // If descriptions are identical and frames overlap, merge them.
+        if (isSimilarDescription && isOverlapping) {
+            lastMergedTask.endFrame = Math.max(lastMergedTask.endFrame, currentTask.endFrame);
+            // Merge interactions and deduplicate them
+            if (currentTask.interactions) {
+                lastMergedTask.interactions = lastMergedTask.interactions || [];
+                const existingInteractionKeys = new Set(
+                    lastMergedTask.interactions.map(inter => `${inter.frameIndex}-${inter.type}`)
+                );
+
+                for (const newInteraction of currentTask.interactions) {
+                    const newKey = `${newInteraction.frameIndex}-${newInteraction.type}`;
+                    if (!existingInteractionKeys.has(newKey)) {
+                        lastMergedTask.interactions.push(newInteraction);
+                        existingInteractionKeys.add(newKey);
+                    }
+                }
+                // Sort interactions by frame index after merging
+                lastMergedTask.interactions.sort((a,b) => a.frameIndex - b.frameIndex);
+            }
+        } else if (currentTask.startFrame >= lastMergedTask.endFrame) {
+            // Only add new tasks that start after or at the same time the previous one ends
+            mergedTasks.push(JSON.parse(JSON.stringify(currentTask)));
+        }
+    }
+
+    // Re-assign sequential IDs and ensure interactions array exists
+    return mergedTasks.map((task, index) => ({
+        ...task,
+        id: index + 1,
+        interactions: task.interactions || [],
+    }));
+}
+
+
+/**
+ * Generates task segments and their interactions by analyzing the video in overlapping chunks.
+ */
+export async function generateTasksAndInteractions(frames: string[]): Promise<{ tasks: TaskSegment[], usedFallback: boolean }> {
+    const chunks: { frames: string[], startIndex: number }[] = [];
+    for (let i = 0; i < frames.length; i += CHUNK_SIZE - OVERLAP) {
+        const chunkFrames = frames.slice(i, i + CHUNK_SIZE);
+        if (chunkFrames.length > 0) {
+            chunks.push({ frames: chunkFrames, startIndex: i });
+        }
+    }
+
+    try {
+        let anyChunkUsedFallback = false;
+        const chunkPromises = chunks.map(async (chunk) => {
+            const imageParts = chunk.frames.map(frame => ({
+                inlineData: { mimeType: 'image/jpeg', data: frame.split(',')[1] },
+            }));
+            const endFrameIndex = chunk.startIndex + chunk.frames.length - 1;
+            const prompt = GET_TASKS_AND_INTERACTIONS_PROMPT(chunk.startIndex, endFrameIndex);
+            const contents = [{ text: prompt }, ...imageParts];
+
+            const { response, usedFallback } = await callGeminiWithRetry({
+                model: 'gemini-2.5-flash-preview-04-17',
+                contents: { parts: contents },
+                config: { responseMimeType: "application/json", temperature: 0.1 }
+            });
+
+            if (usedFallback) {
+              anyChunkUsedFallback = true;
+            }
+
+            // AI returns tasks with interactions included
+            const parsed = parseJsonResponse<Omit<TaskSegment, 'id'>[]>(response);
+            if (!Array.isArray(parsed)) {
+                console.warn("AI response for a chunk was not an array, skipping chunk.", parsed);
+                return [];
+            }
+            return parsed;
+        });
+
+        const resultsFromAllChunks = await Promise.all(chunkPromises);
+        const allTasks = resultsFromAllChunks.flat();
+
+        // Sort, merge, and de-duplicate tasks and their interactions
+        return {
+            tasks: mergeAndDeduplicateTasks(allTasks),
+            usedFallback: anyChunkUsedFallback
+        };
+
+    } catch (error) {
+        console.error("Error calling Gemini API for task and interaction generation:", error);
+        throw new Error(`AI model failed during analysis: ${error instanceof Error ? error.message : 'Unknown error'}`);
+    }
+}

services/prompts.ts

@@ -0,0 +1,88 @@
+export const GET_OVERALL_GOAL_PROMPT = `
+You are an expert Vision-Language-Action (VLA) data generation model. Your task is to analyze a few keyframes from a screen recording to determine the user's single, high-level overall goal for the entire session.
+
+Based on the provided frames, what is the user's primary objective?
+
+Provide your response ONLY in the following JSON format. Do not add any extra commentary or markdown.
+
+{
+  "overallGoal": "A string describing the user's main objective."
+}
+`;
+
+export const GET_TASKS_AND_INTERACTIONS_PROMPT = (startFrame: number, endFrame: number): string => `
+You are an expert Vision-Language-Action (VLA) data generation model. You are analyzing a segment of a screen recording. The frames provided are from global frame index ${startFrame} to ${endFrame}.
+
+Your task is to identify distinct, chronological tasks AND the specific user interactions within each task.
+
+**Overall Instructions:**
+1.  **Identify Tasks:** A task is a continuous set of actions to achieve a small sub-goal. Create a new task only when the user's immediate goal changes significantly. A task should not be a single action, but a sequence of actions.
+2.  **Identify Interactions:** Within each task, identify every key user interaction ('click' or 'type').
+3.  **Crucially, if a user types into a field, there is almost always a 'click' interaction to select that field first. You MUST capture this preceding 'click' on the input field.**
+4.  **Frame Indices:** All frame indices you return MUST be within the global range of ${startFrame} to ${endFrame}.
+5.  **Accuracy is critical.** Do not guess. If you cannot see the text on an element, do not invent it.
+
+**Task Definition:**
+For each task, provide:
+a.  \`description\`: A concise, goal-oriented description (e.g., "Search for 'quarterly results'").
+b.  \`startFrame\` & \`endFrame\`: The global start and end frame indices for the task.
+c.  \`interactions\`: An array of all user interactions that occur during that task.
+
+**Interaction Definition:**
+For each interaction, provide:
+a.  \`type\`: Must be 'click' or 'type'.
+b.  \`details\`:
+    - For a 'click': The exact text of the element clicked. If no text, describe the icon (e.g., "Clicked the gear icon for settings.").
+    - For a 'type': The text that was typed and where (e.g., "Typed 'hello world' into the search bar.").
+c.  \`frameIndex\`: The global frame index where the interaction is most visible.
+d.  For 'click' interactions ONLY:
+    - \`x\`: Relative horizontal position (0.0 to 1.0).
+    - \`y\`: Relative vertical position (0.0 to 1.0).
+
+**Output Format:**
+Provide your response ONLY in a JSON array of task objects. Do not add any extra commentary or markdown.
+
+Example Response:
+[
+  {
+    "description": "Navigate to the settings page.",
+    "startFrame": ${startFrame + 1},
+    "endFrame": ${startFrame + 8},
+    "interactions": [
+      {
+        "type": "click",
+        "details": "Clicked the user profile avatar.",
+        "frameIndex": ${startFrame + 3},
+        "x": 0.95,
+        "y": 0.1
+      },
+      {
+        "type": "click",
+        "details": "Clicked the 'Settings' menu item.",
+        "frameIndex": ${startFrame + 7},
+        "x": 0.9,
+        "y": 0.25
+      }
+    ]
+  },
+  {
+    "description": "Search for a document.",
+    "startFrame": ${startFrame + 10},
+    "endFrame": ${startFrame + 15},
+    "interactions": [
+      {
+        "type": "click",
+        "details": "Clicked on the search bar with placeholder 'Search documents'.",
+        "frameIndex": ${startFrame + 11},
+        "x": 0.45,
+        "y": 0.15
+      },
+      {
+        "type": "type",
+        "details": "Typed 'product roadmap' into the search bar.",
+        "frameIndex": ${startFrame + 14}
+      }
+    ]
+  }
+]
+`;

tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "paths": {
+      "@/*" :  ["./*"]
+    }
+  }
+}

types.ts

@@ -0,0 +1,22 @@
+export type InteractionType = 'click' | 'type';
+
+export interface Interaction {
+  type: InteractionType;
+  details: string;
+  frameIndex: number; // The index of the frame where this interaction occurs
+  x?: number; // Relative X coordinate for clicks (0.0 to 1.0)
+  y?: number; // Relative Y coordinate for clicks (0.0 to 1.0)
+}
+
+export interface TaskSegment {
+  id: number;
+  description: string; // Should be goal-oriented
+  interactions: Interaction[];
+  startFrame: number; // The starting frame index for this task segment
+  endFrame: number; // The ending frame index for this task segment
+}
+
+export interface VlaData {
+  overallGoal: string;
+  tasks: TaskSegment[];
+}

utils/videoProcessor.ts

@@ -0,0 +1,95 @@
+
+export function extractFramesFromVideo(
+  videoFile: File,
+  maxFrames: number
+): Promise<string[]> {
+  return new Promise((resolve, reject) => {
+    const video = document.createElement('video');
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    const frames: string[] = [];
+
+    if (!context) {
+      return reject(new Error('Could not create canvas context.'));
+    }
+
+    video.preload = 'metadata';
+    video.muted = true;
+    video.playsInline = true;
+    video.src = URL.createObjectURL(videoFile);
+
+    video.onloadedmetadata = () => {
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      const duration = video.duration;
+      if (duration === 0) {
+        URL.revokeObjectURL(video.src);
+        return reject(new Error("Video duration is 0, it might be a still image or invalid file."));
+      }
+
+      const interval = duration / maxFrames;
+      let currentTime = 0;
+      let framesExtracted = 0;
+
+      const extractFrame = () => {
+        if (framesExtracted >= maxFrames) {
+          URL.revokeObjectURL(video.src);
+          resolve(frames);
+          return;
+        }
+
+        video.currentTime = currentTime;
+      };
+
+      video.onseeked = () => {
+        context.drawImage(video, 0, 0, canvas.width, canvas.height);
+        // Use JPEG for smaller file size compared to PNG
+        const frameDataUrl = canvas.toDataURL('image/jpeg', 0.8);
+        frames.push(frameDataUrl);
+
+        framesExtracted++;
+        currentTime += interval;
+
+        // Ensure we don't seek beyond the video duration
+        if (currentTime <= duration) {
+          extractFrame();
+        } else {
+           URL.revokeObjectURL(video.src);
+           resolve(frames);
+        }
+      };
+
+      video.onerror = (e) => {
+        URL.revokeObjectURL(video.src);
+        let message = "An unknown video error occurred.";
+        if (video.error) {
+            switch(video.error.code) {
+                case video.error.MEDIA_ERR_ABORTED:
+                    message = 'The video playback was aborted.';
+                    break;
+                case video.error.MEDIA_ERR_NETWORK:
+                    message = 'A network error caused the video download to fail.';
+                    break;
+                case video.error.MEDIA_ERR_DECODE:
+                    message = 'The video playback was aborted due to a corruption problem or because the video used features your browser did not support.';
+                    break;
+                case video.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
+                    message = 'The video could not be loaded, either because the server or network failed or because the format is not supported.';
+                    break;
+                default:
+                    message = 'An unknown error occurred.';
+            }
+        }
+        reject(new Error(message));
+      };
+
+      // Start the process
+      extractFrame();
+    };
+
+    video.onerror = () => {
+        URL.revokeObjectURL(video.src);
+        reject(new Error('Failed to load video metadata. The file may be invalid or unsupported.'));
+    };
+  });
+}

vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig, loadEnv } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(({ mode }) => {
+    // For development, load from .env files
+    const env = loadEnv(mode, '.', '');
+    
+    return {
+      plugins: [react()],
+      // Don't embed API keys at build time - let them be read at runtime
+      define: {
+        'process.env.NODE_ENV': JSON.stringify(mode)
+      }
+    };
+});