project-iris 0.0.1

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/webview-lit-migration/unit-brief.md

@@ -0,0 +1,133 @@
+---
+id: webview-lit-migration
+intent: 011-vscode-extension
+status: complete
+created: 2025-12-26T14:00:00Z
+updated: 2025-12-27T16:30:00Z
+---
+
+# Unit: Webview Lit Migration
+
+## Overview
+
+Migrate the VS Code extension's webview from raw HTML template strings to Lit web components. This addresses critical maintainability issues, fixes the infinite re-render bug, and aligns with industry best practices (GitLens uses Lit).
+
+## Problem Statement
+
+### Critical Bug: Infinite Re-render Loop
+
+The webview is currently re-rendering hundreds of times per second, destroying event listeners before they can respond to clicks. Console shows:
+
+```
+[SpecsMD] Scripts initializing... (repeated 200+ times)
+[SpecsMD] Found 3 tabs
+[SpecsMD] All event listeners attached successfully
+```
+
+### Architecture Issues
+
+1. **Raw HTML Templates** - 2000+ lines of string concatenation, no type safety
+2. **Duplicate Files** - `sidebar/styles.ts` and `webview/styles.ts` cause confusion
+3. **Monolithic Scripts** - Single 242-line script string, hard to debug
+4. **No Component Reuse** - Copy-paste for similar UI patterns
+5. **State Management** - Full re-render on every state change
+
+## Solution: Lit Web Components
+
+### Why Lit?
+
+- **Proven**: GitLens (10M+ installs) uses Lit successfully
+- **Tiny**: ~5kb gzipped (vs React's 45kb+)
+- **Web Standard**: Native Web Components
+- **Reactive**: Built-in reactive properties, efficient DOM updates
+- **VS Code Native**: Works with CSS variables automatically
+
+### Target Architecture
+
+```
+src/webview/
+├── components/
+│   ├── app.ts                 # Main <irismd-app> component
+│   ├── tabs/
+│   │   └── view-tabs.ts       # <view-tabs>
+│   ├── bolts/
+│   │   ├── mission-status.ts  # <mission-status>
+│   │   ├── focus-card.ts      # <focus-card>
+│   │   ├── queue-section.ts   # <queue-section>
+│   │   └── activity-feed.ts   # <activity-feed>
+│   ├── specs/
+│   │   ├── intent-tree.ts     # <intent-tree>
+│   │   ├── unit-item.ts       # <unit-item>
+│   │   └── story-item.ts      # <story-item>
+│   ├── overview/
+│   │   ├── metrics-grid.ts    # <metrics-grid>
+│   │   └── actions-list.ts    # <actions-list>
+│   └── shared/
+│       ├── progress-ring.ts   # <progress-ring>
+│       └── status-badge.ts    # <status-badge>
+├── styles/
+│   └── theme.css              # VS Code CSS variables
+├── state/
+│   └── context.ts             # Lit context for state
+├── ipc/
+│   └── messaging.ts           # Typed VS Code messaging
+└── index.ts                   # Entry point, esbuild bundle
+```
+
+## Success Criteria
+
+- [ ] Webview renders without infinite loop
+- [ ] All tabs clickable and functional
+- [ ] All existing functionality preserved
+- [ ] Bundle size < 20kb gzipped
+- [ ] Hot module replacement for development
+- [ ] Component tests with @open-wc/testing
+
+## Dependencies
+
+### Requires
+
+- sidebar-provider unit (existing webview to migrate)
+
+### Enables
+
+- sidebar-provider bolt-5 stories (modernized components)
+- Future UI enhancements with component reuse
+- Shared components with potential desktop app
+
+## Stories
+
+1. **020-fix-infinite-rerender** - Fix the critical re-render loop bug
+2. **021-remove-duplicate-files** - Clean up duplicate webview files
+3. **022-setup-esbuild** - Add esbuild for webview bundling
+4. **023-lit-scaffold** - Create Lit project structure
+5. **024-tabs-component** - Migrate tabs to Lit component
+6. **025-bolts-view-components** - Migrate Bolts view components
+7. **026-specs-view-components** - Migrate Specs view components
+8. **027-overview-view-components** - Migrate Overview view components
+9. **028-state-context** - Add Lit context for state management
+10. **029-ipc-typed-messaging** - Type-safe extension ↔ webview messaging
+
+## References
+
+- [GitLens Source (Lit)](https://github.com/gitkraken/vscode-gitlens/tree/main/src/webviews)
+- [Lit Documentation](https://lit.dev/)
+- [VS Code Webview API](https://code.visualstudio.com/api/extension-guides/webview)
+- [GitKraken Blog: Web Components with Lit](https://www.gitkraken.com/blog/web-components-are-lit-with-lit)
+
+## Completion Notes
+
+**Implementation approach changed:** Instead of a full Lit migration, a hybrid approach was adopted:
+
+1. **Bolts view**: Uses Lit components (`<irismd-app>`, `<view-tabs>`, etc.)
+2. **Specs view**: Server-rendered HTML (simpler, sufficient for tree rendering)
+3. **Overview view**: Server-rendered HTML (simpler, sufficient for dashboard)
+
+All 5 bolts in this unit completed successfully:
+- bolt-webview-lit-migration-1: Infinite rerender fix, esbuild setup
+- bolt-webview-lit-migration-2: Lit scaffold and tabs component
+- bolt-webview-lit-migration-3: Bolts view Lit components
+- bolt-webview-lit-migration-4: Hybrid approach for Specs/Overview
+- bolt-webview-lit-migration-5: State context and typed messaging
+
+The migration also implemented many sidebar-provider bolt-5 stories as part of the modernization effort.

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/welcome-view/construction-log.md

@@ -0,0 +1,58 @@
+---
+unit: welcome-view
+intent: 011-vscode-extension
+created: 2025-12-25
+last_updated: 2025-12-25
+---
+
+# Construction Log: welcome-view
+
+## Original Plan
+
+**From Inception**: 1 bolt planned
+**Planned Date**: 2025-12-25
+
+| Bolt ID | Stories | Type |
+|---------|---------|------|
+| bolt-welcome-view-1 | 001, 002, 003 | simple-construction-bolt |
+
+## Replanning History
+
+| Date | Action | Change | Reason | Approved |
+|------|--------|--------|--------|----------|
+
+## Current Bolt Structure
+
+| Bolt ID | Stories | Status | Changed |
+|---------|---------|--------|---------|
+| bolt-welcome-view-1 | 001, 002, 003 | completed | - |
+
+## Execution History
+
+| Date | Bolt | Event | Details |
+|------|------|-------|---------|
+| 2025-12-25T22:00:00Z | bolt-welcome-view-1 | started | Stage 1: Plan |
+| 2025-12-25T22:00:00Z | bolt-welcome-view-1 | stage-complete | Plan -> Implement |
+| 2025-12-25T22:10:00Z | bolt-welcome-view-1 | stage-complete | Implement -> Test |
+| 2025-12-25T22:15:00Z | bolt-welcome-view-1 | completed | All 3 stages done |
+
+## Execution Summary
+
+| Metric | Value |
+|--------|-------|
+| Original bolts planned | 1 |
+| Current bolt count | 1 |
+| Bolts completed | 1 |
+| Bolts in progress | 0 |
+| Bolts remaining | 0 |
+| Replanning events | 0 |
+
+## Notes
+
+Bolt complete. welcome-view unit is fully implemented with:
+- WebviewViewProvider with branded HTML/CSS
+- Pixel logo (clickable to iris.md)
+- Copyable command box
+- Install button with confirmation modal
+- Terminal creation with install command
+- Installation watcher for post-install detection

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/welcome-view/stories/001-welcome-view-ui.md

@@ -0,0 +1,57 @@
+---
+id: vscode-extension-story-wv-001
+unit: welcome-view
+intent: 011-vscode-extension
+status: draft
+priority: must
+created: 2025-12-25
+assigned_bolt: null
+implemented: false
+---
+
+# Story: Welcome View UI
+
+## User Story
+
+**As a** VS Code user opening a non-irismd workspace
+**I want** to see a welcoming onboarding view
+**So that** I understand what irismd is and how to install it
+
+## Acceptance Criteria
+
+- [ ] **Given** no irismd project detected, **When** sidebar activates, **Then** welcome view is shown instead of tree
+- [ ] **Given** welcome view, **When** rendered, **Then** iris.md pixel logo is displayed prominently
+- [ ] **Given** pixel logo, **When** clicked, **Then** https://iris.md opens in browser
+- [ ] **Given** welcome view, **When** rendered, **Then** brief explanation text is shown
+- [ ] **Given** welcome view, **When** rendered, **Then** copyable command box shows `npx irismd@latest install`
+- [ ] **Given** command box, **When** copy icon clicked, **Then** command is copied to clipboard
+- [ ] **Given** welcome view, **When** rendered, **Then** "Install irismd" button is visible
+
+## Technical Notes
+
+- Use WebviewViewProvider for custom HTML/CSS rendering
+- Bundle pixel logo with extension (don't load from remote)
+- Use VS Code's when clause to toggle between welcome and tree view
+- Copy functionality via postMessage to extension host
+
+## Dependencies
+
+### Requires
+- artifact-parser/002-project-detection
+
+### Enables
+- 002-install-button-flow
+
+## Edge Cases
+
+| Scenario | Expected Behavior |
+|----------|-------------------|
+| Light theme | UI looks good |
+| Dark theme | UI looks good |
+| Narrow sidebar | Responsive layout |
+| Screen reader | Accessible labels |
+
+## Out of Scope
+
+- Multiple language support
+- Animated onboarding

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/welcome-view/stories/002-install-button-flow.md

@@ -0,0 +1,55 @@
+---
+id: vscode-extension-story-wv-002
+unit: welcome-view
+intent: 011-vscode-extension
+status: draft
+priority: must
+created: 2025-12-25
+assigned_bolt: null
+implemented: false
+---
+
+# Story: Install Button Flow
+
+## User Story
+
+**As a** VS Code user wanting to install irismd
+**I want** to click Install and have the command ready in terminal
+**So that** I can easily start the installation process
+
+## Acceptance Criteria
+
+- [ ] **Given** welcome view displayed, **When** "Install irismd" clicked, **Then** confirmation dialog appears
+- [ ] **Given** confirmation dialog, **When** user confirms, **Then** VS Code integrated terminal opens
+- [ ] **Given** terminal opened, **When** installation flow completes, **Then** `npx irismd@latest install` is pasted into terminal
+- [ ] **Given** command pasted, **When** user views terminal, **Then** command is NOT auto-executed (cursor after command)
+- [ ] **Given** confirmation dialog, **When** user cancels, **Then** nothing happens, welcome view remains
+
+## Technical Notes
+
+- Use vscode.window.showInformationMessage with modal for confirmation
+- Use vscode.window.createTerminal to open terminal
+- Use terminal.sendText(command, false) - false prevents auto-execute
+- Terminal name: "irismd install"
+
+## Dependencies
+
+### Requires
+- 001-welcome-view-ui
+
+### Enables
+- 003-post-installation-detection
+
+## Edge Cases
+
+| Scenario | Expected Behavior |
+|----------|-------------------|
+| Terminal already open | Create new terminal or reuse? (new) |
+| User closes terminal before Enter | Installation not started |
+| No workspace open | Show error, can't install |
+
+## Out of Scope
+
+- Auto-detecting installation success
+- Retry logic
+- Progress indication during install

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/welcome-view/stories/003-post-installation-detection.md

@@ -0,0 +1,55 @@
+---
+id: vscode-extension-story-wv-003
+unit: welcome-view
+intent: 011-vscode-extension
+status: draft
+priority: must
+created: 2025-12-25
+assigned_bolt: null
+implemented: false
+---
+
+# Story: Post-Installation Detection
+
+## User Story
+
+**As a** VS Code user who just installed irismd
+**I want** the sidebar to automatically show my artifacts
+**So that** I don't have to manually refresh or reload
+
+## Acceptance Criteria
+
+- [ ] **Given** welcome view is showing, **When** memory-bank/ folder appears, **Then** sidebar auto-switches to tree view
+- [ ] **Given** welcome view is showing, **When** .irismd/ folder appears, **Then** sidebar auto-switches to tree view
+- [ ] **Given** installation detected, **When** switching to tree view, **Then** tree shows newly created artifacts
+- [ ] **Given** file watcher is active, **When** folders created, **Then** detection happens within 1 second
+
+## Technical Notes
+
+- Leverage file-watcher for detecting new folders
+- May need separate watcher for root folders (memory-bank, .irismd)
+- On detection, hide welcome webview, show tree view
+- Use VS Code's `setContext` command to toggle view visibility
+
+## Dependencies
+
+### Requires
+- 002-install-button-flow
+- file-watcher/001-file-system-watcher
+- artifact-parser/002-project-detection
+
+### Enables
+- Seamless onboarding experience
+
+## Edge Cases
+
+| Scenario | Expected Behavior |
+|----------|-------------------|
+| Partial installation (only .irismd) | Switch to tree, show what's available |
+| User creates folders manually | Same behavior as installer |
+| Installation fails | Welcome view remains |
+
+## Out of Scope
+
+- Detecting installation errors
+- Prompting user to complete installation

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units/welcome-view/unit-brief.md

@@ -0,0 +1,211 @@
+---
+unit: welcome-view
+intent: 011-vscode-extension
+phase: construction
+status: complete
+created: 2025-12-25
+updated: 2025-12-26
+default_bolt_type: simple-construction-bolt
+---
+
+# Unit Brief: Welcome View
+
+## Purpose
+
+Display a welcome/empty state view when no irismd project is detected in the workspace. Provide onboarding experience with installation prompt and copyable command.
+
+## Scope
+
+### In Scope
+
+- Detect when workspace lacks irismd (no memory-bank/ AND no .irismd/)
+- Display welcome view with:
+  - iris.md pixel logo (clickable → iris.md website)
+  - Brief explanation of irismd
+  - "Install" button
+  - Copyable command text
+- Handle Install button click:
+  - Show confirmation dialog
+  - Open VS Code terminal
+  - Paste install command (don't auto-execute)
+- Auto-refresh when installation detected
+
+### Out of Scope
+
+- Actual irismd installation (user runs command)
+- Post-installation configuration
+- Tree view (handled by sidebar-provider)
+
+---
+
+## Assigned Requirements
+
+| FR | Requirement | Priority |
+|----|-------------|----------|
+| FR-7.1 | Detect if workspace lacks irismd | Must |
+| FR-7.2 | Show welcome view with logo, explanation, button, copyable command | Must |
+| FR-7.3 | Show confirmation dialog on Install click | Must |
+| FR-7.4 | Open VS Code integrated terminal | Must |
+| FR-7.5 | Paste `npx irismd@latest install` command | Must |
+| FR-7.6 | Do NOT auto-execute (user presses Enter) | Must |
+| FR-7.7 | Auto-refresh sidebar after installation detected | Must |
+
+---
+
+## Domain Concepts
+
+### Key Entities
+
+| Entity | Description | Attributes |
+|--------|-------------|------------|
+| WelcomeViewProvider | Webview provider for welcome | webview, logo, installCommand |
+| InstallationState | Whether project is initialized | detected: boolean |
+
+### Key Operations
+
+| Operation | Description | Inputs | Outputs |
+|-----------|-------------|--------|---------|
+| showWelcomeView | Display welcome webview | - | void |
+| hideWelcomeView | Hide and show tree | - | void |
+| handleInstallClick | Process install button | - | void |
+| openTerminalWithCommand | Open terminal, paste command | command | void |
+| copyCommand | Copy command to clipboard | - | void |
+| checkInstallation | Check if folders appeared | - | boolean |
+
+---
+
+## Story Summary
+
+| Metric | Count |
+|--------|-------|
+| Total Stories | 3 |
+| Must Have | 3 |
+| Should Have | 0 |
+| Could Have | 0 |
+
+### Stories
+
+| Story ID | Title | Priority | Status |
+|----------|-------|----------|--------|
+| 001 | Welcome View UI | Must | Planned |
+| 002 | Install Button Flow | Must | Planned |
+| 003 | Post-Installation Detection | Must | Planned |
+
+---
+
+## Dependencies
+
+### Depends On
+
+| Unit | Reason |
+|------|--------|
+| artifact-parser | Uses detectProject() |
+
+### Depended By
+
+| Unit | Reason |
+|------|--------|
+| extension-core | Conditionally shows welcome vs tree |
+
+### External Dependencies
+
+| System | Purpose | Risk |
+|--------|---------|------|
+| VS Code Webview API | Welcome view rendering | Low |
+| VS Code Terminal API | Open and paste command | Low |
+| Web Browser | Open iris.md link | Low |
+
+---
+
+## Technical Context
+
+### Suggested Technology
+
+- vscode.WebviewViewProvider for welcome panel
+- HTML/CSS for welcome content
+- vscode.window.createTerminal for terminal
+- vscode.env.clipboard for copy
+- vscode.env.openExternal for website link
+
+### Integration Points
+
+| Integration | Type | Protocol |
+|-------------|------|----------|
+| VS Code Webview | API | WebviewViewProvider |
+| VS Code Terminal | API | vscode.Terminal |
+| VS Code Clipboard | API | vscode.env.clipboard |
+| External Browser | API | vscode.env.openExternal |
+
+### Data Storage
+
+| Data | Type | Volume | Retention |
+|------|------|--------|-----------|
+| None | - | - | - |
+
+---
+
+## Constraints
+
+- Logo must be bundled with extension (can't load from remote)
+- Command must NOT auto-execute (security)
+- Terminal must be VS Code integrated terminal (not external)
+
+---
+
+## Success Criteria
+
+### Functional
+
+- [ ] Welcome view shown when no irismd detected
+- [ ] Logo displays and clicks to iris.md
+- [ ] Explanation text is clear and helpful
+- [ ] Install button shows confirmation dialog
+- [ ] Terminal opens with command pasted
+- [ ] Command is NOT auto-executed
+- [ ] Copy button copies command to clipboard
+- [ ] Sidebar auto-refreshes after installation
+
+### Non-Functional
+
+- [ ] Welcome view renders in < 200ms
+- [ ] Logo looks good in light and dark themes
+
+### Quality
+
+- [ ] Visual tests for welcome view
+- [ ] Integration test for terminal flow
+- [ ] Code coverage > 80%
+
+---
+
+## Bolt Suggestions
+
+| Bolt | Type | Stories | Objective |
+|------|------|---------|-----------|
+| bolt-welcome-view-1 | Simple | 001, 002, 003 | Complete welcome view functionality |
+
+---
+
+## Notes
+
+- Welcome view mockup (from requirements):
+```
+┌─────────────────────────────────┐
+│                                 │
+│      [iris.md pixel logo]      │
+│         ↑ clicks to iris.md    │
+│                                 │
+│  AI-DLC workflow management     │
+│  for agentic coding tools       │
+│                                 │
+│  ┌─────────────────────────┐    │
+│  │ npx irismd@latest      │ 📋 │  ← copyable
+│  │ install                 │    │
+│  └─────────────────────────┘    │
+│                                 │
+│       [ Install irismd ]       │  ← button
+│                                 │
+└─────────────────────────────────┘
+```
+- Use VS Code's `when` clause to conditionally show welcome vs tree view
+- Consider using TreeView's `message` property as simpler alternative to webview

package/src/iris_bundle/frameworks/iris-core/memory-bank/intents/011-vscode-extension/units.md

@@ -0,0 +1,129 @@
+---
+intent: vscode-extension
+phase: construction
+status: construction
+updated: 2025-12-27T16:30:00Z
+---
+
+# Units: VS Code Extension
+
+## Overview
+
+The VS Code extension is decomposed into 6 units based on functional responsibility. Each unit has a single purpose and can be developed/tested independently.
+
+## Requirement-to-Unit Mapping
+
+| FR | Requirement | Unit |
+|----|-------------|------|
+| FR-1.1 | Activity bar sidebar view | `extension-core` |
+| FR-1.2 | Tree structure for artifacts | `sidebar-provider` |
+| FR-1.3 | Title and icon | `extension-core` |
+| FR-1.4 | Auto-detect irismd projects | `artifact-parser` |
+| FR-1.5 | Pixel logo footer | `sidebar-provider` |
+| FR-1.6 | Refresh button | `extension-core` |
+| FR-2.1-2.8 | Artifact tree structure & sorting | `sidebar-provider` |
+| FR-3.1-3.5 | Status indicators | `artifact-parser`, `sidebar-provider` |
+| FR-4.1-4.5 | File operations (click, open, copy) | `extension-core` |
+| FR-5.1-5.4 | File watching | `file-watcher` |
+| FR-6.1-6.6 | Memory bank parsing & schema | `artifact-parser` |
+| FR-7.1-7.7 | Project detection & installation | `welcome-view` |
+| FR-8.1-8.6 | Tab-based sidebar architecture | `sidebar-provider` |
+| FR-9.1-9.10 | Command center (Bolts tab) | `sidebar-provider` |
+| FR-10.1-10.6 | Bolt dependencies parsing | `artifact-parser` |
+| FR-11.1-11.5 | Activity feed derivation | `artifact-parser`, `sidebar-provider` |
+
+## Units
+
+### 1. extension-core
+
+**Purpose**: Extension entry point, lifecycle management, and command registration
+
+**Assigned Requirements**: FR-1.1, FR-1.3, FR-1.6, FR-4.1-4.5
+
+**Dependencies**: All other units (orchestrates them)
+
+### 2. sidebar-provider
+
+**Purpose**: TreeDataProvider implementation for the sidebar tree view
+
+**Assigned Requirements**: FR-1.2, FR-1.5, FR-2.1-2.8, FR-3 (display)
+
+**Dependencies**: `artifact-parser`, `file-watcher`
+
+### 3. artifact-parser
+
+**Purpose**: Parse memory-bank structure, read frontmatter, determine artifact status
+
+**Assigned Requirements**: FR-1.4, FR-3 (logic), FR-6.1-6.6
+
+**Dependencies**: None (foundation unit)
+
+### 4. file-watcher
+
+**Purpose**: Watch file system for changes and trigger tree refresh
+
+**Assigned Requirements**: FR-5.1-5.4
+
+**Dependencies**: `artifact-parser`
+
+### 5. welcome-view
+
+**Purpose**: Empty state UI when no irismd project detected, installation flow
+
+**Assigned Requirements**: FR-7.1-7.7
+
+**Dependencies**: `artifact-parser` (for detection)
+
+### 6. webview-lit-migration
+
+**Purpose**: Migrate webview from raw HTML template strings to Lit web components
+
+**Assigned Requirements**: N/A (architecture improvement, not functional requirement)
+
+**Dependencies**: `sidebar-provider` (existing webview to migrate)
+
+**Note**: This unit was added during construction to address maintainability issues and fix the infinite re-render bug. It modernized the webview architecture using a hybrid approach (Lit for Bolts view, server-rendered HTML for Specs/Overview).
+
+## Dependency Graph
+
+```
+                    ┌─────────────────┐
+                    │  extension-core │
+                    │   (orchestrator)│
+                    └────────┬────────┘
+                             │
+         ┌───────────────────┼───────────────────┐
+         │                   │                   │
+         ▼                   ▼                   ▼
+┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
+│ sidebar-provider│ │   file-watcher  │ │   welcome-view  │
+└────────┬────────┘ └────────┬────────┘ └────────┬────────┘
+         │                   │                   │
+         └───────────────────┼───────────────────┘
+                             │
+                             ▼
+                    ┌─────────────────┐
+                    │ artifact-parser │
+                    │  (foundation)   │
+                    └─────────────────┘
+```
+
+## Build Order
+
+1. **artifact-parser** - Foundation, no dependencies
+2. **file-watcher** - Depends on artifact-parser
+3. **sidebar-provider** - Depends on artifact-parser
+4. **welcome-view** - Depends on artifact-parser
+5. **extension-core** - Orchestrates all units
+
+## Unit Summary
+
+| Unit | Stories | Priority | Status | Notes |
+|------|---------|----------|--------|-------|
+| artifact-parser | 6 | Must | Complete | Core parsing and activity feed |
+| file-watcher | 2 | Must | Complete | File watching |
+| sidebar-provider | 19 | Must | Complete | Tabs, command center, activity UI |
+| welcome-view | 3 | Must | Complete | Installation flow |
+| extension-core | 4 | Must | Complete | Extension lifecycle |
+| webview-lit-migration | 10 | Must | Complete | Lit components |
+| **Total** | **44** | | | All units complete |