Add files via upload

Author: mercwar

LIVE/index.css

@@ -276,28 +276,54 @@ outline:none;
 border-color:rgba(155, 225, 240, 0.4);
 }
 
+/* ==========================================================================
+   FIXED FILE TREE PATCH (Replaces old .file-tree, .tree-node, .tree-children)
+   ========================================================================== */
+
 .file-tree {
-font-family:var(--mono);
-font-size:12px;
-padding:8px;
-height:300px;
-overflow-y:auto!important;
-overflow-x:auto;
-scrollbar-width:thin; /* Re-enabled cross-browser track */
-scrollbar-color:rgba(155, 225, 240, 0.25) transparent;
+  font-family: var(--mono);
+  font-size: 12px;
+  padding: 8px;
+  height: 300px;
+  
+  /* Core Horizontal Scroll Fixes */
+  overflow-y: auto !important;
+  overflow-x: auto !important;  /* Re-enabled system overflow */
+  display: block;                /* Declares explicit block bounding */
+  
+  /* Scrollbar Styling */
+  scrollbar-width: thin; 
+  scrollbar-color: rgba(155, 225, 240, 0.25) transparent;
 }
 
 .tree-node {
-padding:6px 10px;
-border-radius:var(--radius-sm);
-display:flex;
-align-items:center;
-cursor:pointer;
-color:var(--muted);
-transition:all 150ms ease;
-user-select:none
+  padding: 6px 10px;
+  border-radius: var(--radius-sm);
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  color: var(--muted);
+  transition: all 150ms ease;
+  user-select: none;
+  
+  /* Critical Fix: Forces long file strings to stretch instead of wrap */
+  white-space: nowrap;
+  width: max-content;
+  min-width: 100%;
+}
+
+.tree-children {
+  margin-left: 14px;
+  border-left: 1px solid rgba(155, 225, 240, 0.08);
+  padding-left: 8px;
+  
+  /* Critical Fix: Changes hidden flag to visible container expansion */
+  overflow: visible; 
+  width: max-content;
+  min-width: 100%;
 }
 
+
 .tree-node:hover {
 background:rgba(11, 21, 58, 0.4);
 color:var(--blue-strong)
@@ -316,12 +342,6 @@ font-size:10px;
 color:var(--blue)
 }
 
-.tree-children {
-margin-left:14px;
-border-left:1px solid rgba(155, 225, 240, 0.08);
-padding-left:8px;
-overflow:hidden
-}
 
 .main {
 display:flex;

LIVE/index.html

@@ -49,12 +49,12 @@
 
     let css = document.createElement("link");    
 	css.rel = "stylesheet";
-    css.href = "index.css?v=331";
+    css.href = "index.css?v=332";
 	document.head.appendChild(css);
 
      css = document.createElement("link");    
 	css.rel = "stylesheet";
-    css.href = "index1.css?v=331";
+    css.href = "index1.css?v=332";
 	document.head.appendChild(css);
 
 
@@ -215,7 +215,7 @@
   </div>
 
 
-<script src="index.js?v=261"></script>
+<script src="index.js?v=262"></script>
 
 </body>
 </html>