From 1ca63645dc79c70ddcf1a3cb267b44bec0239d93 Mon Sep 17 00:00:00 2001
From: Stephan Yelle <syelle@silicon-valley.ca>
Date: Sun, 29 Jun 2025 04:35:25 -0400
Subject: [PATCH] Update StackMonkey.ps1

---
 StackMonkey.ps1 | 294 ++++++++++++++++++++++++------------------------
 1 file changed, 147 insertions(+), 147 deletions(-)

diff --git a/StackMonkey.ps1 b/StackMonkey.ps1
index 6450328..b0a2e0d 100644
--- a/StackMonkey.ps1
+++ b/StackMonkey.ps1
@@ -856,163 +856,163 @@ function Invoke-ScriptMonkey {
       #
       # 1) Inline your full original CSS here
       #
-$style = @'
-<style>
-    :root {
-      /* Cool Palette */
-      --background-color: rgba(18, 18, 18, 1);
-      --border-color: rgba(255,127,0,0.25);
-      /* Neutral Colors */
-      --white-color: rgba(255,255,255);
-      --gray-color: rgba(102,102,102);
-      --dark-gray-color: rgba(51,51,51);
-      --light-gray-color: rgba(187,187,187);
-      /* Sidebar Button Colors */
-      --btn-sidebar-light-gray: rgba(68,68,68);
-      --btn-sidebar-blue: rgba(30,144,255,1);
-      --btn-hover: rgba(0,86,179,1);
-      --btn-hover-scale: 1.05;
-      /* Button Colors */
-      --btn-success: rgba(40,167,69);
-      --btn-success-disabled: rgba(108,117,125);
-      --btn-danger: rgba(220,53,69);
-    }
+  $style = @'
+  <style>
+      :root {
+        /* Cool Palette */
+        --background-color: rgba(18, 18, 18, 1);
+        --border-color: rgba(255,127,0,0.25);
+        /* Neutral Colors */
+        --white-color: rgba(255,255,255);
+        --gray-color: rgba(102,102,102);
+        --dark-gray-color: rgba(51,51,51);
+        --light-gray-color: rgba(187,187,187);
+        /* Sidebar Button Colors */
+        --btn-sidebar-light-gray: rgba(68,68,68);
+        --btn-sidebar-blue: rgba(30,144,255,1);
+        --btn-hover: rgba(0,86,179,1);
+        --btn-hover-scale: 1.05;
+        /* Button Colors */
+        --btn-success: rgba(40,167,69);
+        --btn-success-disabled: rgba(108,117,125);
+        --btn-danger: rgba(220,53,69);
+      }
 
-    body {
-      font-family: Arial, sans-serif;
-      margin: 0; padding: 0;
-      background-color: var(--background-color);
-      color: var(--white-color);
-      height: 100%; overflow: hidden;
-    }
+      body {
+        font-family: Arial, sans-serif;
+        margin: 0; padding: 0;
+        background-color: var(--background-color);
+        color: var(--white-color);
+        height: 100%; overflow: hidden;
+      }
 
+      
+      .logo-container { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 20px; }
+      .logo-container img { max-width:300px; height:auto; }
+      .subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; }
+
+      .container { display:flex; height:100vh; overflow:hidden; }
+      .sidebar { width:200px; background:var(--background-color); padding:10px; }
+      .sidebar button {
+        display:block; width:100%; margin-bottom:10px; padding:10px;
+        color:var(--white-color); background:var(--btn-sidebar-light-gray);
+        border:none; border-radius:5px; cursor:pointer; text-align:left;
+        transition:background-color 0.3s, transform 0.2s;
+      }
+      .sidebar button.active { background:var(--btn-sidebar-blue); }
+      .sidebar button:hover {
+        background:var(--btn-hover); transform:scale(var(--btn-hover-scale));
+      }
+
+      .content {
+        position: relative; 
+        flex:1; 
+        padding:20px; 
+        overflow-y:auto;
+        max-height:calc(100vh - 50px);
+      }
+
+      .fixed-buttons {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        display: flex;
+        gap: 10px;        /* space between Exit and Run */
+        z-index: 1000;
+      }
+
+      .exit-button,
+      .run-button {
+        border: none;
+        border-radius: 5px;
+        padding: 10px 20px;
+        cursor: pointer;
+        color: var(--white-color);
+      }
+
+      /* Specific overrides */
+      .exit-button {
+        background-color: var(--btn-danger);
+      }
+
+      /* Specific overrides */
+      .run-button {
+        background-color: var(--btn-success);
+      }
+
+
+
+      .tab-content { display:none; }
+      .tab-content.active { display:block; }
+
+      .columns-container {
+        display:flex; gap:20px; flex-wrap:wrap; align-items:flex-start;
+      }
     
-    .logo-container { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 20px; }
-    .logo-container img { max-width:300px; height:auto; }
-    .subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; }
+      /* column styling, same as old script */
+      .column {
+        flex: 1;                          /* fill available space */
+        max-width: 45%;                   /* or whatever width you like */
+        border: 2px solid var(--border-color);
+        border-radius: 8px;
+        padding: 10px;
+        background-color: var(--dark-gray-color);
+        box-shadow: 0 4px 6px rgba(0,0,0,0.3);
+      }
+      .checkbox-group label {
+        display:flex; align-items:center; margin-bottom:8px;
+      }
 
-    .container { display:flex; height:100vh; overflow:hidden; }
-    .sidebar { width:200px; background:var(--background-color); padding:10px; }
-    .sidebar button {
-      display:block; width:100%; margin-bottom:10px; padding:10px;
-      color:var(--white-color); background:var(--btn-sidebar-light-gray);
-      border:none; border-radius:5px; cursor:pointer; text-align:left;
-      transition:background-color 0.3s, transform 0.2s;
-    }
-    .sidebar button.active { background:var(--btn-sidebar-blue); }
-    .sidebar button:hover {
-      background:var(--btn-hover); transform:scale(var(--btn-hover-scale));
-    }
+      .button-group { text-align:right; margin-top:20px; }
+      .exit-button {
+        background:var(--btn-danger); color:var(--white-color);
+        padding:10px 20px; border:none; border-radius:5px; cursor:pointer;
+      }
 
-    .content {
-      position: relative; 
-      flex:1; 
-      padding:20px; 
-      overflow-y:auto;
-      max-height:calc(100vh - 50px);
-    }
+      #PasswordContainer, #dattoRmmContainer {
+        margin-top: 1em;
+      }
 
-    .fixed-buttons {
-      position: fixed;
-      bottom: 20px;
-      right: 20px;
-      display: flex;
-      gap: 10px;        /* space between Exit and Run */
-      z-index: 1000;
-    }
+      /* Common styles for inputs, buttons, and selects */
+      #PasswordContainer input,
+      #PasswordContainer button,
+      #dattoRmmContainer select {
+        background-color: var(--dark-gray-color);
+        color: var(--white-color);
+        border: 1px solid var(--border-color);
+        border-radius: 4px;
+        padding: 8px;
+        font-size: 14px;
+        display: block;
+        width: 40%;
+        max-width: 200px;
+      }
 
-    .exit-button,
-    .run-button {
-      border: none;
-      border-radius: 5px;
-      padding: 10px 20px;
-      cursor: pointer;
-      color: var(--white-color);
-    }
+      /* Style specifically for the fetch button */
+      #PasswordContainer button {
+        background-color: var(--btn-sidebar-blue); 
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+      }
 
-    /* Specific overrides */
-    .exit-button {
-      background-color: var(--btn-danger);
-    }
+      /* Hover effect for the fetch button */
+      #PasswordContainer button:hover {
+        background-color: var(--btn-hover); 
+      }
 
-    /* Specific overrides */
-    .run-button {
-      background-color: var(--btn-success);
-    }
+      /* Tag line  */
+      #tagline {
+        font-size: 1.2rem;
+        color: var(--light-gray-color);
+        font-weight: bold;
+        justify-self: center;
+      }
 
-
-
-    .tab-content { display:none; }
-    .tab-content.active { display:block; }
-
-    .columns-container {
-      display:flex; gap:20px; flex-wrap:wrap; align-items:flex-start;
-    }
-  
-    /* column styling, same as old script */
-    .column {
-      flex: 1;                          /* fill available space */
-      max-width: 45%;                   /* or whatever width you like */
-      border: 2px solid var(--border-color);
-      border-radius: 8px;
-      padding: 10px;
-      background-color: var(--dark-gray-color);
-      box-shadow: 0 4px 6px rgba(0,0,0,0.3);
-    }
-    .checkbox-group label {
-      display:flex; align-items:center; margin-bottom:8px;
-    }
-
-    .button-group { text-align:right; margin-top:20px; }
-    .exit-button {
-      background:var(--btn-danger); color:var(--white-color);
-      padding:10px 20px; border:none; border-radius:5px; cursor:pointer;
-    }
-
-    #PasswordContainer, #dattoRmmContainer {
-      margin-top: 1em;
-    }
-
-    /* Common styles for inputs, buttons, and selects */
-    #PasswordContainer input,
-    #PasswordContainer button,
-    #dattoRmmContainer select {
-      background-color: var(--dark-gray-color);
-      color: var(--white-color);
-      border: 1px solid var(--border-color);
-      border-radius: 4px;
-      padding: 8px;
-      font-size: 14px;
-      display: block;
-      width: 40%;
-      max-width: 200px;
-    }
-
-    /* Style specifically for the fetch button */
-    #PasswordContainer button {
-      background-color: var(--btn-sidebar-blue); 
-      cursor: pointer;
-      transition: background-color 0.3s ease;
-    }
-
-    /* Hover effect for the fetch button */
-    #PasswordContainer button:hover {
-      background-color: var(--btn-hover); 
-    }
-
-    /* Tag line  */
-    #tagline {
-      font-size: 1.2rem;
-      color: var(--light-gray-color);
-      font-weight: bold;
-      justify-self: center;
-    }
-
-    @media (max-width:768px) {
-      .container { flex-direction:column; }
-      .sidebar { width:100%; }
-    }
-</style>
+      @media (max-width:768px) {
+        .container { flex-direction:column; }
+        .sidebar { width:100%; }
+      }
+  </style>
 '@
 
 $script = @'