feat: connect alpine workspace management to admin api

apps/ui/js/workspace.js

@@ -12,14 +12,16 @@ function workspaceColor(index) {
 function mapWorkspace(record, index) {
   var workspace = record && record.workspace ? record.workspace : record;
   var displayName = workspace.display_name || workspace.slug || workspace.id;
+  var settings = workspace.settings || {};
   return {
     id: workspace.id,
     slug: workspace.slug,
     name: displayName,
     role: 'Owner',
     letter: displayName.charAt(0).toUpperCase(),
-    color: workspaceColor(index),
+    color: settings.color || workspaceColor(index),
     status: workspace.status,
+    settings: settings,
   };
 }
 
@@ -113,6 +115,11 @@ async function loadWorkspaces() {
   return workspaceLoadPromise;
 }
 
+async function refreshWorkspaces() {
+  workspaceLoadPromise = null;
+  return loadWorkspaces();
+}
+
 function initWorkspaceSwitcher() {
   renderWorkspaceList();
   loadWorkspaces();
@@ -134,8 +141,16 @@ function switchWorkspace(workspaceId) {
   window.dispatchEvent(new CustomEvent('crank:workspacechange', { detail: workspace }));
 }
 
+function setCurrentWorkspace(workspace) {
+  persistCurrentWorkspace(workspace);
+  renderWorkspaceList();
+  window.dispatchEvent(new CustomEvent('crank:workspacechange', { detail: workspace }));
+}
+
 window.getCurrentWorkspace = getCurrentWs;
 window.whenWorkspacesReady = loadWorkspaces;
+window.refreshWorkspaces = refreshWorkspaces;
+window.setCurrentWorkspace = setCurrentWorkspace;
 window.hasWorkspaceApiFailure = function() { return workspaceLoadFailed; };
 
 document.addEventListener('DOMContentLoaded', initWorkspaceSwitcher);