Add build workflow, align styles with Slint, and create implementation checklist

Co-authored-by: GZTimeWalker <[email protected]>

Author: Copilot

.github/workflows/build-gpui.yaml

@@ -0,0 +1,157 @@
+---
+#-------------------------------------------------------------------------------
+# Workflow configuration for GPUI desktop app
+#-------------------------------------------------------------------------------
+
+name: "GPUI Desktop Build"
+on:
+  pull_request:
+    paths:
+      - ".github/workflows/build-gpui.yaml"
+      - "Cargo.toml"
+      - "crates/wsrx-desktop-gpui/**"
+  workflow_dispatch:
+
+env:
+  CARGO_TERM_COLOR: always
+
+#-------------------------------------------------------------------------------
+# Workflow jobs
+#-------------------------------------------------------------------------------
+
+jobs:
+  build-linux:
+    name: "Build GPUI Desktop on Linux"
+    runs-on: ubuntu-22.04
+    steps:
+      # Checkout repository
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          submodules: recursive
+      
+      # Get version
+      - name: Get git version
+        id: git_tag_version
+        run: |
+          export BUILD_VERSION=$(git describe --tags --abbrev=0 2>/dev/null || echo "v0.0.0-dev")
+          echo "Build at version $BUILD_VERSION"
+          echo "BUILD_VERSION=$BUILD_VERSION" >> $GITHUB_OUTPUT
+      
+      # Install dependencies
+      - name: Install dependencies
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libxcb1-dev libxkbcommon-dev libxkbcommon-x11-dev libwayland-dev libgl1-mesa-dev
+      
+      # Build application
+      - name: Build GPUI desktop application
+        run: |
+          rustup update stable && rustup default stable
+          cargo build --release -p wsrx-desktop-gpui
+      
+      # Compress binaries
+      - name: Compress Binaries
+        run: tar --transform='s!.*/!!' -czvf wsrx-desktop-gpui-linux-x64.tar.gz target/release/wsrx-desktop-gpui
+      
+      # Move files
+      - name: Move files
+        run: |
+          mv wsrx-desktop-gpui-linux-x64.tar.gz wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-linux-x64.tar.gz
+      
+      # Upload package
+      - name: Upload package
+        uses: actions/upload-artifact@v4
+        with:
+          name: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-linux-x64
+          path: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-linux-x64.tar.gz
+
+  build-windows:
+    name: "Build GPUI Desktop on Windows"
+    runs-on: windows-2022
+    steps:
+      # Checkout repository
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          submodules: recursive
+      
+      # Get version
+      - name: Get git version
+        id: git_tag_version
+        run: |
+          echo BUILD_VERSION=$(git describe --tags --abbrev=0 2>$null) | Out-File -FilePath $env:GITHUB_OUTPUT -Append
+          if ($LASTEXITCODE -ne 0) {
+            echo "BUILD_VERSION=v0.0.0-dev" | Out-File -FilePath $env:GITHUB_OUTPUT -Append
+          }
+      
+      - name: Install NASM for aws-lc-rs
+        uses: ilammy/setup-nasm@v1
+      
+      - name: Install ninja-build
+        uses: seanmiddleditch/gha-setup-ninja@v5
+      
+      # Build application
+      - name: Build GPUI desktop application
+        run: |
+          rustup update stable && rustup default stable
+          cargo build --release -p wsrx-desktop-gpui
+      
+      # Compress binaries
+      - name: Compress Binaries
+        run: 7z a wsrx-desktop-gpui-windows-x64.zip target/release/wsrx-desktop-gpui.exe
+      
+      # Move files
+      - name: Move files
+        run: |
+          mv wsrx-desktop-gpui-windows-x64.zip wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-windows-x64.zip
+      
+      # Upload package
+      - name: Upload package
+        uses: actions/upload-artifact@v4
+        with:
+          name: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-windows-x64
+          path: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-windows-x64.zip
+
+  build-mac:
+    name: "Build GPUI Desktop on MacOS"
+    runs-on: macos-latest
+    steps:
+      # Checkout repository
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          submodules: recursive
+      
+      # Get version
+      - name: Get git version
+        id: git_tag_version
+        run: |
+          export BUILD_VERSION=$(git describe --tags --abbrev=0 2>/dev/null || echo "v0.0.0-dev")
+          echo "Build at version $BUILD_VERSION"
+          echo "BUILD_VERSION=$BUILD_VERSION" >> $GITHUB_OUTPUT
+      
+      # Build for ARM64
+      - name: Build GPUI desktop for ARM64
+        run: |
+          rustup update stable && rustup default stable
+          cargo build --release -p wsrx-desktop-gpui
+      
+      # Compress ARM64 binaries
+      - name: Compress ARM64 binaries
+        run: zip -r -y -X wsrx-desktop-gpui-macos-arm64.zip target/release/wsrx-desktop-gpui
+      
+      # Move files
+      - name: Move files
+        run: |
+          mv wsrx-desktop-gpui-macos-arm64.zip wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-macos-arm64.zip
+      
+      # Upload ARM64 package
+      - name: Upload ARM64 package
+        uses: actions/upload-artifact@v4
+        with:
+          name: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-macos-arm64
+          path: wsrx-desktop-gpui-${{steps.git_tag_version.outputs.BUILD_VERSION}}-macos-arm64.zip

crates/wsrx-desktop-gpui/IMPLEMENTATION_CHECKLIST.md

@@ -0,0 +1,181 @@
+# GPUI vs Slint Implementation Checklist
+
+This document compares the GPUI implementation with the original Slint implementation to track progress and identify gaps.
+
+## Design System / Styling
+
+### Colors & Theming
+- [x] **Dark mode palette** - Fully aligned with Slint colors
+  - [x] Window foreground (#cdd6f4)
+  - [x] Window background (#151515)
+  - [x] Window alternate background (#1e1e1e)
+  - [x] Primary background (#0078D6)
+  - [x] Border colors (window, element, popup)
+  - [x] Semantic colors (error, warning, success, info, debug)
+  - [x] Layer colors (layer-1 through layer-5)
+- [ ] **Light mode palette** - Not yet implemented (Slint has it)
+- [ ] **Theme switching** - No auto-detect or toggle mechanism yet
+
+### Typography
+- [x] **Font sizes** - Aligned with Slint sizing (16px base)
+  - [x] XS (12px), SM (14px), Base (16px), LG (18px), XL (20px), 2XL (24px)
+- [ ] **Font family** - Not set (Slint uses "Reverier Mono")
+- [ ] **Font weight variations** - Not implemented
+
+### Spacing System
+- [x] **Padding constants** (p-xs through p-xl) - Fully aligned
+- [x] **Spacing constants** (s-xs through s-xl) - Fully aligned
+- [x] **Border radius** (r-xs through r-xl) - Implemented
+- [x] **Height constants** (h-xs through h-xl) - Implemented
+- [ ] **Line height** - Not explicitly defined
+
+### Animations & Transitions
+- [ ] **Duration constants** - Not implemented (Slint has short/mid/long)
+- [ ] **Easing functions** - Not implemented
+- [ ] **Animated transitions** - Not implemented (Slint has smooth transitions)
+
+## Layout & Structure
+
+### Main Window
+- [x] **Root view** - Implemented with Entity management
+- [x] **Sidebar** - Implemented with navigation
+- [x] **Main content area** - Implemented with page switching
+- [ ] **Frameless window** - Not implemented (Slint has custom window chrome)
+- [ ] **Window controls** - Placeholder only (minimize, maximize, close)
+- [ ] **Title bar** - Placeholder only
+
+### Sidebar
+- [x] **Navigation tabs** - Implemented with 4 pages
+- [x] **Active state indicator** - Implemented with left border + highlight
+- [x] **Hover effects** - Implemented
+- [ ] **Logo/branding** - Not displayed
+- [ ] **Icons** - Not implemented (Slint uses SVG icons)
+- [ ] **Scope selector** - Not implemented (Slint has scope dropdown)
+- [ ] **System info display** - Not implemented in sidebar
+
+## Pages / Views
+
+### Get Started Page
+- [x] **Basic structure** - Placeholder implemented
+- [ ] **Welcome message** - Not styled/detailed
+- [ ] **Update notification** - Not implemented
+- [ ] **Quick actions** - Not implemented
+- [ ] **Onboarding content** - Not implemented
+
+### Connections Page
+- [x] **Tunnel list** - Basic structure implemented
+- [x] **Empty state** - Implemented
+- [x] **Status indicators** - Color-coded dots
+- [x] **Add tunnel button** - Implemented (no functionality)
+- [ ] **Tunnel cards styling** - Basic, needs polish
+- [ ] **Edit/Delete actions** - Not implemented
+- [ ] **Enable/Disable toggle** - Not implemented
+- [ ] **Connection statistics** - Not displayed
+- [ ] **Scope filtering** - Not implemented
+
+### Network Logs Page
+- [x] **Log display** - Basic list implemented
+- [x] **Severity color coding** - Implemented (DEBUG, INFO, WARN, ERROR)
+- [x] **Clear button** - Implemented
+- [ ] **Log filtering** - Not implemented
+- [ ] **Auto-scroll toggle** - Not implemented
+- [ ] **Log export** - Not implemented
+- [ ] **Timestamp formatting** - Basic string display
+- [ ] **Search/filter** - Not implemented
+
+### Settings Page
+- [x] **Settings sections** - Basic structure implemented
+- [x] **Settings display** - Read-only display
+- [ ] **Interactive controls** - Not implemented (toggles, selects)
+- [ ] **Daemon settings** - Display only
+- [ ] **Theme toggle** - Not implemented
+- [ ] **Log level selector** - Not implemented
+- [ ] **Save/Apply buttons** - Not implemented
+- [ ] **Settings persistence** - Bridge exists but not connected
+
+## Components Library
+
+### Implemented Components
+- [x] **Button** - With variants (Primary, Secondary, Danger)
+- [x] **Modal** - Dialog overlay with backdrop
+- [x] **Input** - Text input with placeholder (not fully functional)
+- [x] **StatusIndicator** - Color-coded status dots
+
+### Missing Components (Slint has)
+- [ ] **ButtonIndicator** - Button with active state indicator
+- [ ] **LineEdit** - Functional text input with editing
+- [ ] **ScrollView** - Scrollable container
+- [ ] **Checkbox** - Toggle control
+- [ ] **ComboBox/Select** - Dropdown selection
+- [ ] **Tab control** - Tabbed interface
+- [ ] **Progress bar** - Loading indicator
+- [ ] **Tooltip** - Hover info display
+
+## Bridge Layer / Integration
+
+### Implemented Bridges
+- [x] **DaemonBridge** - Basic structure (no actual daemon control)
+- [x] **SettingsBridge** - TOML persistence (not connected)
+- [x] **SystemInfoBridge** - CPU/memory monitoring (not displayed)
+
+### Missing Functionality
+- [ ] **Daemon start/stop** - Not functional
+- [ ] **Tunnel management** - Not connected to wsrx core
+- [ ] **Real-time log streaming** - Not implemented
+- [ ] **Settings load/save UI** - Not wired up
+- [ ] **System info display** - Bridge exists but not shown
+- [ ] **WebSocket communication** - Not implemented
+- [ ] **Scope management** - Not implemented
+
+## Internationalization
+- [ ] **i18n support** - Not implemented (Slint has @tr() macros)
+- [ ] **Language switching** - Not implemented
+- [ ] **Translation files** - Not created
+
+## Platform-Specific Features
+
+### macOS
+- [ ] **Custom window chrome** - Not implemented
+- [ ] **Title bar handling** - Not implemented
+- [ ] **DMG packaging** - Not set up for GPUI app
+
+### Windows
+- [ ] **NSIS installer** - Not set up for GPUI app
+- [ ] **Portable package** - Not set up
+- [ ] **Window chrome** - Not implemented
+
+### Linux
+- [ ] **AppImage** - Not set up for GPUI app
+- [ ] **Desktop file** - Not created
+- [ ] **Window chrome** - Not implemented
+
+## Build & Deployment
+- [x] **GitHub workflow** - Created for Linux/Windows/macOS
+- [ ] **Artifact generation** - Workflow ready but untested
+- [ ] **Release automation** - Not configured
+- [ ] **Code signing** - Not configured
+- [ ] **Update mechanism** - Not implemented
+
+## Summary Statistics
+
+**Overall Progress**: ~30% complete
+
+### By Category:
+- **Design System**: 60% (colors good, animations missing)
+- **Layout**: 50% (basic structure, missing chrome/controls)
+- **Pages**: 40% (structure exists, functionality missing)
+- **Components**: 35% (4/11 components implemented)
+- **Bridges**: 40% (structure exists, not functional)
+- **i18n**: 0% (not started)
+- **Platform Features**: 10% (basic structure only)
+- **Build System**: 80% (workflow ready, packaging needed)
+
+### Priority Items for Next Phase:
+1. **Implement window controls and title bar** - Critical for usability
+2. **Connect bridges to UI** - Make functionality work
+3. **Add missing interactive components** (Checkbox, Select, etc.)
+4. **Implement theme switching** - Light/dark mode toggle
+5. **Add icons to sidebar** - Visual polish
+6. **Wire up daemon start/stop** - Core functionality
+7. **Test build workflow** - Ensure artifacts work
+8. **Add animations/transitions** - Polish and feel