More location management stuff for Workspace Manager

Author: ToolboxAid

tools/Tilemap Studio/index.html

@@ -26,17 +26,13 @@
   <div class="app-shell" id="appShell">
     <header class="toolbar">
       <div class="toolbar-group tools-platform-control-cluster tools-platform-control-cluster--primary">
-        <button id="newProjectButton" type="button">New Project</button>
-        <button id="loadProjectButton" type="button">Load Project</button>
-        <input id="loadProjectInput" class="hidden-file-input" type="file" accept=".json,application/json" />
         <label>
           Samples
           <select id="sampleSelect">
             <option value="">No samples loaded</option>
           </select>
         </label>
         <button id="loadSampleButton" type="button" disabled>Load Sample</button>
-        <button id="saveProjectButton" type="button">Save Project</button>
         <button id="loadAssetRegistryButton" type="button">Load Assets Registry</button>
         <input id="loadAssetRegistryInput" class="hidden-file-input" type="file" accept=".json,application/json" />
         <button id="saveAssetRegistryButton" type="button">Save Assets Registry</button>

tools/Tilemap Studio/main.js

@@ -644,15 +644,23 @@ class TileMapEditorApp {
   }
 
   attachEvents() {
-    this.refs.newProjectButton.addEventListener("click", () => this.handleNewProject());
-    this.refs.loadProjectButton.addEventListener("click", () => this.refs.loadProjectInput.click());
-    this.refs.loadProjectInput.addEventListener("change", (event) => this.handleLoadProject(event));
+    if (this.refs.newProjectButton) {
+      this.refs.newProjectButton.addEventListener("click", () => this.handleNewProject());
+    }
+    if (this.refs.loadProjectButton && this.refs.loadProjectInput) {
+      this.refs.loadProjectButton.addEventListener("click", () => this.refs.loadProjectInput.click());
+    }
+    if (this.refs.loadProjectInput) {
+      this.refs.loadProjectInput.addEventListener("change", (event) => this.handleLoadProject(event));
+    }
     this.refs.loadSampleButton.addEventListener("click", () => this.handleLoadSelectedSample());
     this.refs.sampleSelect.addEventListener("change", () => this.handleSampleSelectionChanged());
     this.refs.sampleSelect.addEventListener("focus", () => {
       void this.loadSampleManifest({ quiet: true });
     });
-    this.refs.saveProjectButton.addEventListener("click", () => this.handleSaveProject());
+    if (this.refs.saveProjectButton) {
+      this.refs.saveProjectButton.addEventListener("click", () => this.handleSaveProject());
+    }
     this.refs.loadAssetRegistryButton.addEventListener("click", () => this.refs.loadAssetRegistryInput.click());
     this.refs.loadAssetRegistryInput.addEventListener("change", (event) => this.handleLoadAssetRegistry(event));
     this.refs.saveAssetRegistryButton.addEventListener("click", () => this.handleSaveAssetRegistry());
@@ -943,7 +951,9 @@ class TileMapEditorApp {
         this.updateStatus(`Load failed: ${error instanceof Error ? error.message : "invalid JSON"}`);
       }
 
-      this.refs.loadProjectInput.value = "";
+      if (this.refs.loadProjectInput) {
+        this.refs.loadProjectInput.value = "";
+      }
     };
 
     reader.readAsText(file);

tools/Tool Host/index.html tools/Workspace Manager/index.htmltools/Tool Host/index.html renamed to tools/Workspace Manager/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Tool Host</title>
+  <title>Workspace Manager</title>
   <link rel="stylesheet" href="./toolHost.css" />
 </head>
 <body class="tool-host-page">

tools/Tool Host/main.js tools/Workspace Manager/main.jstools/Tool Host/main.js renamed to tools/Workspace Manager/main.js

@@ -236,7 +236,7 @@ function bindEvents() {
 
 function init() {
   if (!hasAvailableTools) {
-    writeStatus("No active tools are currently available for Tool Host.");
+    writeStatus("No active tools are currently available for Workspace Manager.");
   }
   const initialToolId = readInitialToolId();
   populateToolSelect(initialToolId);

tools/Tool Host/toolHost.css tools/Workspace Manager/toolHost.csstools/Tool Host/toolHost.css renamed to tools/Workspace Manager/toolHost.css

@@ -30,7 +30,7 @@
       <p class="subtitle">Launch the first-class art and scene tools from one registry-driven surface. The landing page
         shows only active, user-facing tools and keeps preserved legacy content out of the main launcher.</p>
       <p class="subtitle">Use Open Tool for normal day-to-day use, cleanest behavior, and quickest direct debugging.<br />
-        Use Open In Host for integration checks: shared shell behavior, tool switching (prev/next), and optional JSON
+        Use Open In Workspace Manager for integration checks: shared shell behavior, tool switching (prev/next), and optional JSON
         state handoff.</p>
     </section>
 

tools/index.html

@@ -7,7 +7,7 @@ function toStandaloneHref(entryPoint) {
 }
 
 function toHostHref(toolId) {
-  return `/tools/Tool%20Host/index.html?tool=${encodeURIComponent(toolId)}`;
+  return `/tools/Workspace%20Manager/index.html?tool=${encodeURIComponent(toolId)}`;
 }
 
 function renderToolCard(tool) {
@@ -33,11 +33,11 @@ function renderToolCard(tool) {
       <p>${escapeHtml(tool.description)}</p>
       <div class="meta">
         <a class="tools-platform-card__action" href="${escapeHtml(standaloneHref)}">Open Tool</a>
-        <a class="tools-platform-card__action tools-platform-card__action--secondary" href="${escapeHtml(hostHref)}">Open In Host</a>
+        <a class="tools-platform-card__action tools-platform-card__action--secondary" href="${escapeHtml(hostHref)}">Open In Workspace Manager</a>
       </div>
       <p class="tools-platform-card__launch-help">
         Open Tool = launch the tool directly/standalone<br />
-        Open In Host = launch the same tool inside a shared host shell/container
+        Open In Workspace Manager = launch the same tool inside a shared host shell/container
       </p>
       ${sampleLinks}
     </div>

tools/renderToolsIndex.js

@@ -32,7 +32,7 @@ body.tools-platform-surface {
 .tools-platform-statusbar {
   border: 1px solid var(--line, rgba(221, 214, 254, 0.26));
   border-radius: 18px;
-  background: linear-gradient(180deg, var(--panel, rgba(76, 29, 149, 0.88)) 0%, var(--panel2, rgba(49, 17, 102, 0.94)) 100%);
+  background: var(--bg-gradient, linear-gradient(180deg, #c4b5fd 0%, #a78bfa 18%, #8b5cf6 36%, #7c3aed 54%, #6d28d9 74%, #5b21b6 88%, #4c1d95 100%));
   box-shadow: var(--tools-shell-shadow);
 }
 
@@ -103,6 +103,17 @@ body.tools-platform-surface {
   margin: 0 0 36px;
 }
 
+.tools-platform-frame__divider {
+  margin: 10px 0;
+  border: 0;
+  border-top: 1px solid var(--line, rgba(221, 214, 254, 0.26));
+}
+
+.tools-platform-frame__controls-stack {
+  display: grid;
+  gap: 8px;
+}
+
 .tools-platform-frame__eyebrow {
   margin: 2px 0 0;
   color: #f5d0fe;
@@ -192,9 +203,9 @@ body.tools-platform-surface {
   flex-direction: column;
   gap: 14px;
   flex-wrap: wrap;
-  margin-top: 10px;
-  padding-top: 10px;
-  border-top: 1px solid var(--line, rgba(221, 214, 254, 0.26));
+  margin-top: 0;
+  padding-top: 0;
+  border-top: 0;
 }
 
 .tools-platform-frame__project-copy,
@@ -205,6 +216,7 @@ body.tools-platform-surface {
   gap: 10px;
   flex-wrap: wrap;
   text-align: center;
+  width: 100%;
 }
 
 .tools-platform-frame__project-label,