Added multi window support

Author: gramistella

src/main.rs

@@ -1,3 +1,4 @@
+// In `src/main.rs` (entire file)
 #![allow(clippy::needless_return)]
 
 #[cfg(feature = "ui")]
@@ -17,9 +18,10 @@ use ui::{
 };
 
 #[cfg(feature = "ui")]
-fn main() -> anyhow::Result<()> {
+fn spawn_window(registry: Rc<RefCell<Vec<AppWindow>>>) -> anyhow::Result<()> {
     let app = AppWindow::new()?;
 
+    // Initialize UI properties
     app.set_app_version(env!("CARGO_PKG_VERSION").into());
     app.set_ext_filter("".into());
     app.set_exclude_dirs(".git, node_modules, target, _target, .elan, .lake, .idea, .vscode, _app, .svelte-kit, .sqlx, venv, .venv, __pycache__, LICENSES, fixtures".into());
@@ -35,27 +37,34 @@ fn main() -> anyhow::Result<()> {
     app.set_copy_toast_text("".into());
     app.set_output_stats("0 chars • 0 tokens".into());
 
+    // Per-window state
     let state = Rc::new(RefCell::new(AppState {
         poll_interval_ms: 45_000,
         ..Default::default()
     }));
 
-    let poll_timer = slint::Timer::default();
+    // Periodic poll timer: capture a Weak to avoid moving `state` while borrowed
     {
         let app_weak = app.as_weak();
-        let state = Rc::clone(&state);
         let interval_ms = { state.borrow().poll_interval_ms };
-        poll_timer.start(
-            slint::TimerMode::Repeated,
-            std::time::Duration::from_millis(interval_ms),
-            move || {
-                if let Some(app) = app_weak.upgrade() {
-                    on_check_updates(&app, &state);
-                }
-            },
-        );
+        let state_weak = Rc::downgrade(&state);
+        // borrow only long enough to call `start`, then drop before closure capture
+        {
+            let st = state.borrow();
+            st.poll_timer.start(
+                slint::TimerMode::Repeated,
+                std::time::Duration::from_millis(interval_ms),
+                move || {
+                    if let (Some(app), Some(state_rc)) = (app_weak.upgrade(), state_weak.upgrade())
+                    {
+                        on_check_updates(&app, &state_rc);
+                    }
+                },
+            );
+        }
     }
 
+    // UI callbacks (per window)
     {
         let app_weak = app.as_weak();
         let state = Rc::clone(&state);
@@ -101,7 +110,6 @@ fn main() -> anyhow::Result<()> {
             }
         });
     }
-
     {
         let app_weak = app.as_weak();
         let state = Rc::clone(&state);
@@ -111,9 +119,8 @@ fn main() -> anyhow::Result<()> {
             }
         });
     }
-
-    // Select-from-text dialog wiring kept here to avoid another extra file.
     {
+        // "Select from Text…" dialog
         let app_weak = app.as_weak();
         let state = Rc::clone(&state);
 
@@ -151,7 +158,31 @@ fn main() -> anyhow::Result<()> {
         });
     }
 
-    app.run()?;
+    // Multi-window: hook "New Window" button
+    {
+        let registry_clone = Rc::clone(&registry);
+        app.on_new_window(move || {
+            let _ = spawn_window(Rc::clone(&registry_clone));
+        });
+    }
+
+    // Show this window and keep the handle alive
+    app.show()?;
+    registry.borrow_mut().push(app);
+
+    Ok(())
+}
+
+#[cfg(feature = "ui")]
+fn main() -> anyhow::Result<()> {
+    // Keep all open windows alive in this registry
+    let registry: Rc<RefCell<Vec<AppWindow>>> = Rc::new(RefCell::new(Vec::new()));
+
+    // Create the initial window
+    spawn_window(Rc::clone(&registry))?;
+
+    // One global event loop; closes when all windows are closed
+    slint::run_event_loop()?;
     Ok(())
 }
 

src/ui/state.rs

@@ -29,6 +29,7 @@ pub struct AppState {
     pub fs_event_rx: Option<std::sync::mpsc::Receiver<notify::Result<notify::Event>>>,
     pub fs_pump_timer: slint::Timer,
     pub full_output_text: String,
+    pub poll_timer: slint::Timer, // NEW: keep per-window periodic update timer alive
 }
 
 pub type SharedState = Rc<RefCell<AppState>>;

ui/app.slint

@@ -57,6 +57,7 @@ export component SelectFromTextDialog inherits Window {
     }
 }
 
+// In `ui/app.slint`, update the `AppWindow` component (complete component)
 export component AppWindow inherits Window {
     width: 1300px;
     height: 650px;
@@ -80,7 +81,6 @@ export component AppWindow inherits Window {
     in-out property <[string]> output-lines;
     in-out property <string> output-stats;
 
-
     in-out property <bool> show-copy-toast;
     in-out property <string> copy-toast-text;
 
@@ -91,37 +91,40 @@ export component AppWindow inherits Window {
     callback generate-output();
     callback copy-output();
     callback select-from-text();
-
+    callback new-window(); // NEW
 
     VerticalBox {
         spacing: 10px;
 
-        // Header row
         HorizontalBox {
             spacing: 8px;
 
             Rectangle { 
                 horizontal-stretch: 1;
-                width: 360px;
+                width: 180px;
                 Button {
                     horizontal-stretch: 1;
                     text: "Select Folder";
 
-                    width: parent.width / 2;
+                    width: 110px;
                     height: 30px;
                     clicked => { root.select-folder(); }
                 }
             }
-            Rectangle { horizontal-stretch: 1; background: transparent; } // spacer
 
-            // Keep the checkboxes a consistent height so focus/hover doesn't change height
+            Button {
+                text: "New Window";
+                clicked => { root.new-window(); }
+            }
+
+            Rectangle { horizontal-stretch: 1; background: transparent; }
+
             CheckBox { text: "Hierarchy Only";  checked <=> root.hierarchy-only;  height: 30px; width: 150px;  horizontal-stretch: 1;}
             CheckBox { text: "Directories Only"; checked <=> root.dirs-only;      height: 30px; width: 160px;  horizontal-stretch: 1; }
 
-            // <-- Reserve space for the timestamp so it won't push things around
             Rectangle {
                 horizontal-stretch: 1;
-                width: 290px;   // pick a width that fits your longest string
+                width: 290px;
                 height: 30px;
                 background: transparent;
                 Text {
@@ -130,7 +133,7 @@ export component AppWindow inherits Window {
                     text: root.last-refresh;
                     horizontal-alignment: right;
                     vertical-alignment: center;
-                    overflow: elide; // if it gets too long, don't expand the row
+                    overflow: elide;
                 }
             }
 
@@ -144,6 +147,8 @@ export component AppWindow inherits Window {
                 clicked => { root.copy-output(); }
             }
 
+            
+
             Text {
                 visible: root.show-copy-toast;
                 text: root.copy-toast-text;
@@ -152,12 +157,9 @@ export component AppWindow inherits Window {
             }
         }
 
-
-        // Main 3-column content
         HorizontalBox {
             spacing: 12px;
 
-            // LEFT PANE — inputs
             VerticalBox {
                 width: 360px;
 
@@ -205,7 +207,7 @@ export component AppWindow inherits Window {
                     border-width: 1px;
                     border-radius: 4px;
                     border-color: Palette.border;
-                    background: Palette.alternate-background.darker(0.06);  // slightly darker than UI
+                    background: Palette.alternate-background.darker(0.06);
                     ScrollView {
                         viewport1 := VerticalBox {
                             spacing: 0px;
@@ -249,8 +251,6 @@ export component AppWindow inherits Window {
                 }
             }
 
-
-            // RIGHT PANE — output
             VerticalBox {
                 padding-top: 24px;
                 spacing: 6px;
@@ -272,12 +272,10 @@ export component AppWindow inherits Window {
                         read-only: true;
                         wrap: no-wrap;
 
-                        // Make it actually fill the bordered rectangle:
                         x: 0; y: 0;
                         width: parent.width;
                         height: parent.height;
                         has-focus: false;
-                        // Readability
                         font-size: 11px;
 
                     }