@amrhas82/agentic-kit 1.7.0 → 1.7.6

package/packages/droid/commands/slack-gif-creator/templates/zoom.py

@@ -1,312 +0,0 @@
-#!/usr/bin/env python3
-"""
-Zoom Animation - Scale objects dramatically for emphasis.
-
-Creates zoom in, zoom out, and dramatic scaling effects.
-"""
-
-import sys
-from pathlib import Path
-import math
-
-sys.path.append(str(Path(__file__).parent.parent))
-
-from PIL import Image, ImageFilter
-from core.gif_builder import GIFBuilder
-from core.frame_composer import create_blank_frame, draw_emoji_enhanced
-from core.easing import interpolate
-
-
-def create_zoom_animation(
-    object_type: str = 'emoji',
-    object_data: dict | None = None,
-    num_frames: int = 30,
-    zoom_type: str = 'in',  # 'in', 'out', 'in_out', 'punch'
-    scale_range: tuple[float, float] = (0.1, 2.0),
-    easing: str = 'ease_out',
-    add_motion_blur: bool = False,
-    center_pos: tuple[int, int] = (240, 240),
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create zoom animation.
-
-    Args:
-        object_type: 'emoji', 'text', 'image'
-        object_data: Object configuration
-        num_frames: Number of frames
-        zoom_type: Type of zoom effect
-        scale_range: (start_scale, end_scale) tuple
-        easing: Easing function
-        add_motion_blur: Add blur for speed effect
-        center_pos: Center position
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    # Default object data
-    if object_data is None:
-        if object_type == 'emoji':
-            object_data = {'emoji': '🔍', 'size': 100}
-
-    base_size = object_data.get('size', 100) if object_type == 'emoji' else object_data.get('font_size', 60)
-    start_scale, end_scale = scale_range
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Calculate scale based on zoom type
-        if zoom_type == 'in':
-            scale = interpolate(start_scale, end_scale, t, easing)
-        elif zoom_type == 'out':
-            scale = interpolate(end_scale, start_scale, t, easing)
-        elif zoom_type == 'in_out':
-            if t < 0.5:
-                scale = interpolate(start_scale, end_scale, t * 2, easing)
-            else:
-                scale = interpolate(end_scale, start_scale, (t - 0.5) * 2, easing)
-        elif zoom_type == 'punch':
-            # Quick zoom in with overshoot then settle
-            if t < 0.3:
-                scale = interpolate(start_scale, end_scale * 1.2, t / 0.3, 'ease_out')
-            else:
-                scale = interpolate(end_scale * 1.2, end_scale, (t - 0.3) / 0.7, 'elastic_out')
-        else:
-            scale = interpolate(start_scale, end_scale, t, easing)
-
-        # Create frame
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        if object_type == 'emoji':
-            current_size = int(base_size * scale)
-
-            # Clamp size to reasonable bounds
-            current_size = max(12, min(current_size, frame_width * 2))
-
-            # Create emoji on transparent background
-            canvas_size = max(frame_width, frame_height, current_size) * 2
-            emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
-
-            draw_emoji_enhanced(
-                emoji_canvas,
-                emoji=object_data['emoji'],
-                position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
-                size=current_size,
-                shadow=False
-            )
-
-            # Optional motion blur for fast zooms
-            if add_motion_blur and abs(scale - 1.0) > 0.5:
-                blur_amount = min(5, int(abs(scale - 1.0) * 3))
-                emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
-
-            # Crop to frame size centered
-            left = (canvas_size - frame_width) // 2
-            top = (canvas_size - frame_height) // 2
-            emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-            # Composite
-            frame_rgba = frame.convert('RGBA')
-            frame = Image.alpha_composite(frame_rgba, emoji_cropped)
-            frame = frame.convert('RGB')
-
-        elif object_type == 'text':
-            from core.typography import draw_text_with_outline
-
-            current_size = int(base_size * scale)
-            current_size = max(10, min(current_size, 500))
-
-            # Create oversized canvas for large text
-            canvas_size = max(frame_width, frame_height, current_size * 10)
-            text_canvas = Image.new('RGB', (canvas_size, canvas_size), bg_color)
-
-            draw_text_with_outline(
-                text_canvas,
-                text=object_data.get('text', 'ZOOM'),
-                position=(canvas_size // 2, canvas_size // 2),
-                font_size=current_size,
-                text_color=object_data.get('text_color', (0, 0, 0)),
-                outline_color=object_data.get('outline_color', (255, 255, 255)),
-                outline_width=max(2, int(current_size * 0.05)),
-                centered=True
-            )
-
-            # Crop to frame
-            left = (canvas_size - frame_width) // 2
-            top = (canvas_size - frame_height) // 2
-            frame = text_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-        frames.append(frame)
-
-    return frames
-
-
-def create_explosion_zoom(
-    emoji: str = '💥',
-    num_frames: int = 20,
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create dramatic explosion zoom effect.
-
-    Args:
-        emoji: Emoji to explode
-        num_frames: Number of frames
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Exponential zoom
-        scale = 0.1 * math.exp(t * 5)
-
-        # Add rotation for drama
-        angle = t * 360 * 2
-
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        current_size = int(100 * scale)
-        current_size = max(12, min(current_size, frame_width * 3))
-
-        # Create emoji
-        canvas_size = max(frame_width, frame_height, current_size) * 2
-        emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
-
-        draw_emoji_enhanced(
-            emoji_canvas,
-            emoji=emoji,
-            position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
-            size=current_size,
-            shadow=False
-        )
-
-        # Rotate
-        emoji_canvas = emoji_canvas.rotate(angle, center=(canvas_size // 2, canvas_size // 2), resample=Image.BICUBIC)
-
-        # Add motion blur for later frames
-        if t > 0.5:
-            blur_amount = int((t - 0.5) * 10)
-            emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
-
-        # Crop and composite
-        left = (canvas_size - frame_width) // 2
-        top = (canvas_size - frame_height) // 2
-        emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-        frame_rgba = frame.convert('RGBA')
-        frame = Image.alpha_composite(frame_rgba, emoji_cropped)
-        frame = frame.convert('RGB')
-
-        frames.append(frame)
-
-    return frames
-
-
-def create_mind_blown_zoom(
-    emoji: str = '🤯',
-    num_frames: int = 30,
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create "mind blown" dramatic zoom with shake.
-
-    Args:
-        emoji: Emoji to use
-        num_frames: Number of frames
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Zoom in then shake
-        if t < 0.5:
-            scale = interpolate(0.3, 1.2, t * 2, 'ease_out')
-            shake_x = 0
-            shake_y = 0
-        else:
-            scale = 1.2
-            # Shake intensifies
-            shake_intensity = (t - 0.5) * 40
-            shake_x = int(math.sin(t * 50) * shake_intensity)
-            shake_y = int(math.cos(t * 45) * shake_intensity)
-
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        current_size = int(100 * scale)
-        center_x = frame_width // 2 + shake_x
-        center_y = frame_height // 2 + shake_y
-
-        emoji_canvas = Image.new('RGBA', (frame_width, frame_height), (0, 0, 0, 0))
-        draw_emoji_enhanced(
-            emoji_canvas,
-            emoji=emoji,
-            position=(center_x - current_size // 2, center_y - current_size // 2),
-            size=current_size,
-            shadow=False
-        )
-
-        frame_rgba = frame.convert('RGBA')
-        frame = Image.alpha_composite(frame_rgba, emoji_canvas)
-        frame = frame.convert('RGB')
-
-        frames.append(frame)
-
-    return frames
-
-
-# Example usage
-if __name__ == '__main__':
-    print("Creating zoom animations...")
-
-    builder = GIFBuilder(width=480, height=480, fps=20)
-
-    # Example 1: Zoom in
-    frames = create_zoom_animation(
-        object_type='emoji',
-        object_data={'emoji': '🔍', 'size': 100},
-        num_frames=30,
-        zoom_type='in',
-        scale_range=(0.1, 1.5),
-        easing='ease_out'
-    )
-    builder.add_frames(frames)
-    builder.save('zoom_in.gif', num_colors=128)
-
-    # Example 2: Explosion zoom
-    builder.clear()
-    frames = create_explosion_zoom(emoji='💥', num_frames=20)
-    builder.add_frames(frames)
-    builder.save('zoom_explosion.gif', num_colors=128)
-
-    # Example 3: Mind blown
-    builder.clear()
-    frames = create_mind_blown_zoom(emoji='🤯', num_frames=30)
-    builder.add_frames(frames)
-    builder.save('zoom_mind_blown.gif', num_colors=128)
-
-    print("Created zoom animations!")

package/packages/droid/commands/theme-factory/theme-factory.md

@@ -1,146 +0,0 @@
----
-description: Apply professional themes to artifacts - 10 curated themes with color palettes and font pairings
-argument-hint: <artifact-type> <theme-choice>
----
-
-Apply consistent, professional styling to presentations, documents, reports, and HTML pages with curated themes.
-
-## Available Themes
-
-The following 10 professionally designed themes are available:
-
-1. **Ocean Depths** - Professional and calming maritime theme
-2. **Sunset Boulevard** - Warm and vibrant sunset colors  
-3. **Forest Canopy** - Natural and grounded earth tones
-4. **Modern Minimalist** - Clean and contemporary grayscale
-5. **Golden Hour** - Rich and warm autumnal palette
-6. **Arctic Frost** - Cool and crisp winter-inspired theme
-7. **Desert Rose** - Soft and sophisticated dusty tones
-8. **Tech Innovation** - Bold and modern tech aesthetic
-9. **Botanical Garden** - Fresh and organic garden colors
-10. **Midnight Galaxy** - Dramatic and cosmic deep tones
-
-## Application Process
-
-### Step 1: Show Theme Showcase
-Display the `theme-showcase.pdf` file to allow users to see all available themes visually.
-
-### Step 2: Ask for Theme Selection
-Ask which theme to apply to the artifact.
-
-### Step 3: Wait for Confirmation
-Get explicit confirmation about the chosen theme.
-
-### Step 4: Apply the Theme
-Apply the selected theme's colors and fonts consistently throughout the artifact.
-
-## Theme Structure
-
-Each theme includes:
-- **Cohesive color palette** with hex codes
-- **Complementary font pairings** for headers and body text  
-- **Distinct visual identity** suitable for different contexts and audiences
-
-## Usage Guidelines
-
-### Theme Selection
-- Consider the artifact's purpose and audience
-- Match theme personality to content tone
-- Ensure proper contrast and readability
-- Maintain visual consistency across all elements
-
-### Application Standards
-- Apply colors consistently throughout
-- Use specified fonts for headers and body text
-- Ensure proper contrast ratios
-- Maintain the theme's visual identity
-
-## Custom Theme Creation
-
-When existing themes don't fit the artifact:
-
-### Generate Custom Theme
-Based on provided inputs:
-1. Create a new theme similar to existing ones
-2. Choose appropriate colors and fonts based on description
-3. Give the theme a descriptive name
-4. Apply the same structure as existing themes
-
-### Theme Specification Format
-```markdown
-# Theme Name
-
-## Color Palette
-- Primary: #hexcode
-- Secondary: #hexcode
-- Accent: #hexcode
-- Background: #hexcode
-- Text: #hexcode
-
-## Typography
-- Headers: Font Name
-- Body: Font Name
-
-## Usage Guidelines
-- When to use this theme
-- Best practices for application
-```
-
-## Artifact Types
-
-### Presentations
-- Apply theme to slide backgrounds
-- Use theme colors for charts and graphics
-- Apply fonts to titles and content
-- Maintain consistency across all slides
-
-### Documents
-- Apply theme colors to headings and accents
-- Use theme fonts for typography
-- Apply to charts, graphs, and visual elements
-- Maintain professional appearance
-
-### HTML Pages
-- Apply theme colors to CSS variables
-- Use theme fonts via web font imports
-- Apply to buttons, links, and UI elements
-- Ensure responsive design compatibility
-
-### Reports
-- Apply theme to headers and sections
-- Use colors for data visualization
-- Apply fonts for readability
-- Maintain data clarity
-
-## Quality Standards
-
-### Visual Consistency
-- Apply theme uniformly across all elements
-- Maintain proper spacing and alignment
-- Ensure color contrast meets accessibility standards
-- Use fonts consistently according to guidelines
-
-### Professional Appearance
-- Choose appropriate theme for audience
-- Maintain visual hierarchy
-- Ensure readability and accessibility
-- Create cohesive visual experience
-
-## Usage Examples
-
-**Style presentation slides:**
-`/theme-factory "presentation slides" "modern-minimalist"`
-
-**Apply theme to report:**
-`/theme-factory "quarterly report" "ocean-depths"`
-
-**Create themed HTML page:**
-`/theme-factory "landing page" "tech-innovation"`
-
-**Style document template:**
-`/theme-factory "proposal document" "golden-hour"`
-
-**Generate custom theme:**
-`/theme-factory "custom theme" "create-from-description: fintech blue and white"`
-
-Remember: Theme selection should enhance the content's message and suit the intended audience.

package/packages/droid/commands/theme-factory/themes/arctic-frost.md

@@ -1,19 +0,0 @@
-# Arctic Frost
-
-A cool and crisp winter-inspired theme that conveys clarity, precision, and professionalism.
-
-## Color Palette
-
-- **Ice Blue**: `#d4e4f7` - Light backgrounds and highlights
-- **Steel Blue**: `#4a6fa5` - Primary accent color
-- **Silver**: `#c0c0c0` - Metallic accent elements
-- **Crisp White**: `#fafafa` - Clean backgrounds and text
-
-## Typography
-
-- **Headers**: DejaVu Sans Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Healthcare presentations, technology solutions, winter sports, clean tech, pharmaceutical content.

package/packages/droid/commands/theme-factory/themes/botanical-garden.md

@@ -1,19 +0,0 @@
-# Botanical Garden
-
-A fresh and organic theme featuring vibrant garden-inspired colors for lively presentations.
-
-## Color Palette
-
-- **Fern Green**: `#4a7c59` - Rich natural green
-- **Marigold**: `#f9a620` - Bright floral accent
-- **Terracotta**: `#b7472a` - Earthy warm tone
-- **Cream**: `#f5f3ed` - Soft neutral backgrounds
-
-## Typography
-
-- **Headers**: DejaVu Serif Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Garden centers, food presentations, farm-to-table content, botanical brands, natural products.

package/packages/droid/commands/theme-factory/themes/desert-rose.md

@@ -1,19 +0,0 @@
-# Desert Rose
-
-A soft and sophisticated theme with dusty, muted tones perfect for elegant presentations.
-
-## Color Palette
-
-- **Dusty Rose**: `#d4a5a5` - Soft primary color
-- **Clay**: `#b87d6d` - Earthy accent
-- **Sand**: `#e8d5c4` - Warm neutral backgrounds
-- **Deep Burgundy**: `#5d2e46` - Rich dark contrast
-
-## Typography
-
-- **Headers**: FreeSans Bold
-- **Body Text**: FreeSans
-
-## Best Used For
-
-Fashion presentations, beauty brands, wedding planning, interior design, boutique businesses.

package/packages/droid/commands/theme-factory/themes/forest-canopy.md

@@ -1,19 +0,0 @@
-# Forest Canopy
-
-A natural and grounded theme featuring earth tones inspired by dense forest environments.
-
-## Color Palette
-
-- **Forest Green**: `#2d4a2b` - Primary dark green
-- **Sage**: `#7d8471` - Muted green accent
-- **Olive**: `#a4ac86` - Light accent color
-- **Ivory**: `#faf9f6` - Backgrounds and text
-
-## Typography
-
-- **Headers**: FreeSerif Bold
-- **Body Text**: FreeSans
-
-## Best Used For
-
-Environmental presentations, sustainability reports, outdoor brands, wellness content, organic products.

package/packages/droid/commands/theme-factory/themes/golden-hour.md

@@ -1,19 +0,0 @@
-# Golden Hour
-
-A rich and warm autumnal palette that creates an inviting and sophisticated atmosphere.
-
-## Color Palette
-
-- **Mustard Yellow**: `#f4a900` - Bold primary accent
-- **Terracotta**: `#c1666b` - Warm secondary color
-- **Warm Beige**: `#d4b896` - Neutral backgrounds
-- **Chocolate Brown**: `#4a403a` - Dark text and anchors
-
-## Typography
-
-- **Headers**: FreeSans Bold
-- **Body Text**: FreeSans
-
-## Best Used For
-
-Restaurant presentations, hospitality brands, fall campaigns, cozy lifestyle content, artisan products.

package/packages/droid/commands/theme-factory/themes/midnight-galaxy.md

@@ -1,19 +0,0 @@
-# Midnight Galaxy
-
-A dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.
-
-## Color Palette
-
-- **Deep Purple**: `#2b1e3e` - Rich dark base
-- **Cosmic Blue**: `#4a4e8f` - Mystical mid-tone
-- **Lavender**: `#a490c2` - Soft accent color
-- **Silver**: `#e6e6fa` - Light highlights and text
-
-## Typography
-
-- **Headers**: FreeSans Bold
-- **Body Text**: FreeSans
-
-## Best Used For
-
-Entertainment industry, gaming presentations, nightlife venues, luxury brands, creative agencies.

package/packages/droid/commands/theme-factory/themes/modern-minimalist.md

@@ -1,19 +0,0 @@
-# Modern Minimalist
-
-A clean and contemporary theme with a sophisticated grayscale palette for maximum versatility.
-
-## Color Palette
-
-- **Charcoal**: `#36454f` - Primary dark color
-- **Slate Gray**: `#708090` - Medium gray for accents
-- **Light Gray**: `#d3d3d3` - Backgrounds and dividers
-- **White**: `#ffffff` - Text and clean backgrounds
-
-## Typography
-
-- **Headers**: DejaVu Sans Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Tech presentations, architecture portfolios, design showcases, modern business proposals, data visualization.

package/packages/droid/commands/theme-factory/themes/ocean-depths.md

@@ -1,19 +0,0 @@
-# Ocean Depths
-
-A professional and calming maritime theme that evokes the serenity of deep ocean waters.
-
-## Color Palette
-
-- **Deep Navy**: `#1a2332` - Primary background color
-- **Teal**: `#2d8b8b` - Accent color for highlights and emphasis
-- **Seafoam**: `#a8dadc` - Secondary accent for lighter elements
-- **Cream**: `#f1faee` - Text and light backgrounds
-
-## Typography
-
-- **Headers**: DejaVu Sans Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Corporate presentations, financial reports, professional consulting decks, trust-building content.

package/packages/droid/commands/theme-factory/themes/sunset-boulevard.md

@@ -1,19 +0,0 @@
-# Sunset Boulevard
-
-A warm and vibrant theme inspired by golden hour sunsets, perfect for energetic and creative presentations.
-
-## Color Palette
-
-- **Burnt Orange**: `#e76f51` - Primary accent color
-- **Coral**: `#f4a261` - Secondary warm accent
-- **Warm Sand**: `#e9c46a` - Highlighting and backgrounds
-- **Deep Purple**: `#264653` - Dark contrast and text
-
-## Typography
-
-- **Headers**: DejaVu Serif Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Creative pitches, marketing presentations, lifestyle brands, event promotions, inspirational content.

package/packages/droid/commands/theme-factory/themes/tech-innovation.md

@@ -1,19 +0,0 @@
-# Tech Innovation
-
-A bold and modern theme with high-contrast colors perfect for cutting-edge technology presentations.
-
-## Color Palette
-
-- **Electric Blue**: `#0066ff` - Vibrant primary accent
-- **Neon Cyan**: `#00ffff` - Bright highlight color
-- **Dark Gray**: `#1e1e1e` - Deep backgrounds
-- **White**: `#ffffff` - Clean text and contrast
-
-## Typography
-
-- **Headers**: DejaVu Sans Bold
-- **Body Text**: DejaVu Sans
-
-## Best Used For
-
-Tech startups, software launches, innovation showcases, AI/ML presentations, digital transformation content.

package/packages/droid/commands/webapp-testing/examples/console_logging.py

@@ -1,35 +0,0 @@
-from playwright.sync_api import sync_playwright
-
-# Example: Capturing console logs during browser automation
-
-url = 'http://localhost:5173'  # Replace with your URL
-
-console_logs = []
-
-with sync_playwright() as p:
-    browser = p.chromium.launch(headless=True)
-    page = browser.new_page(viewport={'width': 1920, 'height': 1080})
-
-    # Set up console log capture
-    def handle_console_message(msg):
-        console_logs.append(f"[{msg.type}] {msg.text}")
-        print(f"Console: [{msg.type}] {msg.text}")
-
-    page.on("console", handle_console_message)
-
-    # Navigate to page
-    page.goto(url)
-    page.wait_for_load_state('networkidle')
-
-    # Interact with the page (triggers console logs)
-    page.click('text=Dashboard')
-    page.wait_for_timeout(1000)
-
-    browser.close()
-
-# Save console logs to file
-with open('/mnt/user-data/outputs/console.log', 'w') as f:
-    f.write('\n'.join(console_logs))
-
-print(f"\nCaptured {len(console_logs)} console messages")
-print(f"Logs saved to: /mnt/user-data/outputs/console.log")