add select button

Author: devmobasa

README.md

@@ -4,25 +4,21 @@
 > Building from source requires Rust 1.85+.
 > Quick start: [set it up in four steps](#quick-start).
 
-<details>
-<summary>📹 Demo Video (Click to expand)</summary>
+## Gallery
+
+![Demo Poster](https://wayscriber.com/demo-poster-4.png)
+
+![Demo Poster](https://wayscriber.com/demo-poster-2.png)
+
+## Demo
 
 <video controls width="720" poster="https://wayscriber.com/demo-poster-4.png">
   <source src="https://wayscriber.com/demo.mp4" type="video/mp4">
   Your browser does not support the video tag. Watch here: https://wayscriber.com/demo.mp4
 </video>
 
-</details>
-
-<details>
-<summary>🖼️ Demo GIF (Click to expand)</summary>
-
 ![Demo GIF](https://wayscriber.com/demo.gif)
 
-<img src="https://wayscriber.com/demo-poster-2.png" alt="Demo Poster" width="720" />
-
-</details>
-
 ![License](https://img.shields.io/badge/license-MIT-blue.svg)
 ![Rust](https://img.shields.io/badge/rust-1.85%2B-orange.svg)
 

src/backend/wayland/toolbar.rs

@@ -511,10 +511,10 @@ impl ToolbarSurfaceManager {
         // Create top toolbar if visible
         if self.is_top_visible() {
             // Dynamic size based on mode:
-            // - Icon mode: 580px wide (5 tools + text + clear + highlight + icons checkbox + pin/close)
+            // - Icon mode: 610px wide (6 tools + text + clear + highlight + icons checkbox + pin/close)
             //              80px tall (42px buttons at y=6, fill toggle below, tooltip space)
-            // - Text mode: 680px wide (text labels need more space), 56px tall (no tooltips)
-            let target_size = if use_icons { (580, 80) } else { (680, 56) };
+            // - Text mode: 720px wide (text labels need more space), 56px tall (no tooltips)
+            let target_size = if use_icons { (610, 80) } else { (720, 56) };
 
             // Recreate if size changed
             if self.top.logical_size != (0, 0) && self.top.logical_size != target_size {
@@ -692,6 +692,7 @@ fn render_top_strip(
     // Tool definitions with icons and labels
     type IconFn = fn(&cairo::Context, f64, f64, f64);
     let buttons: &[(Tool, IconFn, &str)] = &[
+        (Tool::Select, toolbar_icons::draw_icon_select as IconFn, "Select"),
         (Tool::Pen, toolbar_icons::draw_icon_pen as IconFn, "Pen"),
         (Tool::Line, toolbar_icons::draw_icon_line as IconFn, "Line"),
         (Tool::Rect, toolbar_icons::draw_icon_rect as IconFn, "Rect"),

src/backend/wayland/toolbar_icons.rs

@@ -5,6 +5,34 @@
 use cairo::Context;
 use std::f64::consts::PI;
 
+/// Draw a cursor/select icon (arrow pointer)
+pub fn draw_icon_select(ctx: &Context, x: f64, y: f64, size: f64) {
+    let s = size;
+    let stroke = (s * 0.08).max(1.5);
+    ctx.set_line_width(stroke);
+    ctx.set_line_cap(cairo::LineCap::Round);
+    ctx.set_line_join(cairo::LineJoin::Round);
+
+    // Classic cursor arrow shape
+    let start_x = x + s * 0.2;
+    let start_y = y + s * 0.15;
+    let height = s * 0.65;
+    let mid_y = start_y + height * 0.6;
+
+    // Outer path (filled)
+    ctx.move_to(start_x, start_y);
+    ctx.line_to(start_x, start_y + height);
+    ctx.line_to(start_x + s * 0.2, mid_y);
+    ctx.line_to(start_x + s * 0.35, start_y + height * 0.85);
+    ctx.line_to(start_x + s * 0.45, start_y + height * 0.75);
+    ctx.line_to(start_x + s * 0.3, mid_y - s * 0.1);
+    ctx.line_to(start_x + s * 0.5, start_y + s * 0.1);
+    ctx.close_path();
+
+    let _ = ctx.fill_preserve();
+    let _ = ctx.stroke();
+}
+
 /// Draw a pen/freehand icon (pencil with wavy stroke)
 pub fn draw_icon_pen(ctx: &Context, x: f64, y: f64, size: f64) {
     let s = size;

src/input/state/core/dirty.rs

@@ -78,6 +78,7 @@ impl InputState {
                     self.arrow_angle,
                 ),
                 Tool::Highlight => None,
+                Tool::Select => None,
             }
         } else {
             None

src/input/state/mouse.rs

@@ -108,7 +108,7 @@ impl InputState {
                         }
 
                         let tool = self.active_tool();
-                        if tool != Tool::Highlight {
+                        if tool != Tool::Highlight && tool != Tool::Select {
                             self.state = DrawingState::Drawing {
                                 tool,
                                 start_x: x,
@@ -300,6 +300,10 @@ impl InputState {
                         self.clear_provisional_dirty();
                         return;
                     }
+                    Tool::Select => {
+                        self.clear_provisional_dirty();
+                        return;
+                    }
                 };
 
                 let bounds = shape.bounding_box();

src/input/state/render.rs

@@ -90,6 +90,7 @@ impl InputState {
                     arrow_angle: self.arrow_angle,
                 }),
                 Tool::Highlight => None,
+                Tool::Select => None,
                 // No provisional shape for other tools
             }
         } else {

src/input/tool.rs

@@ -6,6 +6,8 @@
 /// Tools are selected by holding modifier keys (Shift, Ctrl, Tab) while dragging.
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
 pub enum Tool {
+    /// Select/cursor tool - interact with UI without drawing
+    Select,
     /// Freehand drawing - follows mouse path (default, no modifiers)
     Pen,
     /// Straight line - between start and end points (Shift)

src/ui.rs

@@ -75,6 +75,7 @@ pub fn render_status_bar(
     let tool_name = match &input_state.state {
         DrawingState::TextInput { .. } => "Text",
         DrawingState::Drawing { tool, .. } => match tool {
+            Tool::Select => "Select",
             Tool::Pen => "Pen",
             Tool::Line => "Line",
             Tool::Rect => "Rectangle",
@@ -84,6 +85,7 @@ pub fn render_status_bar(
         },
         DrawingState::MovingSelection { .. } => "Move",
         DrawingState::Idle => match tool {
+            Tool::Select => "Select",
             Tool::Pen => "Pen",
             Tool::Line => "Line",
             Tool::Rect => "Rectangle",