@plasius/video 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -9,7 +9,10 @@ The format is based on **[Keep a Changelog](https://keepachangelog.com/en/1.1.0/
 ## [Unreleased]
 
 - **Added**
-  - (placeholder)
+  - Added AI video generation design-system modules under `src/ai-video-generation/` with typed stage, token, and model definitions.
+  - Added `AIVideoGenerationScreen` and `AIVideoGenerationStudioDemo` React components to provide a demo-ready staged UI scaffold.
+  - Added visual-style token exports (`aiVideoGenerationTokens`) and stage-flow metadata (`aiVideoStageFlow`) for host app integration.
+  - Added tests for design token values, stage ordering, and core style hooks in `tests/ai-video-generation-design.test.ts`.
 
 - **Changed**
   - Added package-level GitHub CD publish workflow at `.github/workflows/cd.yml` for npm publication with provenance.
@@ -21,9 +24,10 @@ The format is based on **[Keep a Changelog](https://keepachangelog.com/en/1.1.0/
   - Made SBOM release-asset upload non-blocking to avoid failing publish after successful npm release.
   - Updated README badges to include Codecov coverage and point workflow status to `cd.yml`.
   - Normalized README section headings/formatting for consistent markdown rendering.
+  - Expanded README/demo examples to include the AI video generation screen scaffold and exported style primitives.
 
 - **Fixed**
-  - (placeholder)
+  - Updated `videoPackageInfo.version` to match the current package line.
 
 - **Security**
   - Removed `depcheck` (and its `multimatch`/`minimatch` chain) from devDependencies to resolve reported high-severity audit findings.

package/README.md

@@ -21,9 +21,21 @@ npm install @plasius/video
 ## Usage
 
 ```ts
-import { videoPackageInfo } from "@plasius/video";
+import {
+  AIVideoGenerationScreen,
+  createAIVideoGenerationDemoModel,
+  aiVideoGenerationTokens,
+  aiVideoStageFlow,
+  videoPackageInfo,
+} from "@plasius/video";
 
 console.log(videoPackageInfo.name, videoPackageInfo.version);
+console.log(aiVideoGenerationTokens.color.background);
+console.log(aiVideoStageFlow.map((stage) => stage.stage));
+
+const model = createAIVideoGenerationDemoModel("imageSelection");
+void AIVideoGenerationScreen;
+void model;
 ```
 
 ## Node.js Version
@@ -40,6 +52,42 @@ nvm use
 
 `@plasius/video` is intended to host reusable video generation interfaces and shared view-model logic used across Plasius applications.
 
+## AI Video Generation Visual Styling Pieces
+
+This package now includes a design-system aligned screen scaffold for:
+
+- Prompt entry
+- Image generation and selection
+- Video generation and motion editing
+- Playback controls
+- Voiceover panel
+- Export state
+
+Primary exports:
+
+- `AIVideoGenerationScreen`
+- `AIVideoGenerationStudioDemo`
+- `createAIVideoGenerationDemoModel`
+- `aiVideoGenerationTokens`
+- `aiVideoStageFlow`
+- `AI_VIDEO_GENERATION_SCREEN_STYLES`
+
+Reference design document:
+
+- [`docs/ai-video-generation-screen-visual-styling-guide.md`](./docs/ai-video-generation-screen-visual-styling-guide.md)
+
+## State Flow Summary
+
+The staged flow aligns to the screen design sequence:
+
+1. `idle`
+2. `generatingImages`
+3. `imageSelection`
+4. `generatingVideo`
+5. `playback`
+6. `voiceover`
+7. `export`
+
 ## Development
 
 ```bash