Laper 0.4.0 - Project Intelligence

This release brings intelligent project insights with the redesigned ScriptToolPanel, professional-grade Timeline editing, and a refined credits system for AI-powered features.

ScriptToolPanel v2.0

Dual Tab Structure

Completely redesigned based on Figma design specs:

Page Info Tab

• Properties Section: Created time, Updated time, Author
• Script Pagination Section: Page/Normal/Speed mode settings
• Statistics Section: Word count, Characters, Blocks, Reading time
• Project Data Section (LoroDoc): Project type, Duration, Character/Location/Relation counts
• Episode Data Section (LoroDoc): Current episode, Beat/Scene/Shot/Inspiration counts, Outline length

Actions Tab

• Move to... (folder organization)
• Create Copy (duplicate project)
• Add to Favorites
• View Backups (version history)
• Delete

LoroDoc Real-time Data

Live display of CRDT document statistics:

// Selectors used
selectMeta, selectCharacterCount, selectLocationCount,
selectBeatCount, selectSceneCount, selectActiveEpisode,
selectRelations, selectShots, selectInspirationCards, selectStoryOutline

Internationalization

Full i18n support for all new UI elements:

• Namespace:

  project

• Languages: zh, en, ja (complete)
• Keys:

  toolPanel.*

  ,

  projectTypes.*

Timeline Multi-track Architecture

Professional Design Reference

Inspired by industry-standard NLEs:

• Adobe Premiere Pro - Track layering concept
• DaVinci Resolve - Node-based flexibility

Track System

• Multiple parallel tracks
• Drag and drop clip arrangement
• Track locking and visibility controls
• Zoom and scroll navigation

Credits System Enhancement

Real-time Balance Updates

• Supabase Realtime subscription on

  credit_records

  table
• Instant balance reflection after AI operations
• No more stale cache issues

Unified Error Handling

• Subscription limit - Graceful upgrade prompts
• Insufficient credits - Clear purchase flow
• Error codes - Centralized handling via

  responseHandler.js

Survey Credits

• Welcome survey now grants 100 credits total
• Clear progress indication during onboarding

Navigation Improvements

Gift Button

• Added to navigation bar for referral program
• PiggyBank icon - New "Earn" button design

User Level Display

• Unified subscription level via

  AuthProvider.userLevel

• Consistent display across all components

Performance & Stability

Canvas Optimization

• First-mount centering only - prevents unwanted recentering
• Reduced layout thrashing during data updates

StoryboardCanvas Fix

• Resolved

  toolHandlers

  circular reference issue
• Improved tool switching stability

Subscription Flow

• Fixed duplicate modal popup after successful subscription
• Cleaner state reset on payment completion

CRDT Enhancements

New Exports

From

@shared/services/crdt

• Constants:

  META_KEYS

  ,

  BEAT_FIELDS

  ,

  COVER_FIELDS

  ,

  SCHEMA_VERSION

• Functions:

  initLoroSchema()

  ,

  createEpisode()

  ,

  initEpisodeData()

Documentation

• Updated

  crdt/CLAUDE.md

  with new schema.ts capabilities

• crdt-loro/CLAUDE.md

  updated to reflect migration

• ToolPanel/CLAUDE.md

  comprehensive rewrite

Casting Poster

API Field Mapping

• Fixed header/footer → head/tail mapping
• Proper field alignment with backend schema

What's Next

Upcoming in future releases:

• AI-powered scene suggestions
• Advanced collaboration features
• Mobile companion app
• Export to industry-standard formats

Upgrade Note: This version maintains full backward compatibility. All existing projects will seamlessly display new metadata fields.