crank/apps/ui/js/workspace.js

var WS_LIST = [];

var workspaceLoadPromise = null;
var workspaceLoadFailed = false;
var lastWorkspaceId = null;

function tKey(key) {
  return typeof t === 'function' ? t(key) : key;
}

function workspaceColor(index) {
  return ['#0d9488', '#7c3aed', '#0891b2', '#f59e0b', '#2563eb'][index % 5];
}

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 || {};
  var role = record && record.role
    ? String(record.role).replace(/^\w/, function(char) { return char.toUpperCase(); })
    : tKey('workspace_setup.role.owner');
  return {
    id: workspace.id,
    slug: workspace.slug,
    name: displayName,
    role: role,
    letter: displayName.charAt(0).toUpperCase(),
    color: settings.color || workspaceColor(index),
    status: workspace.status,
    settings: settings,
  };
}

function cacheCurrentWorkspace(workspace) {
  if (!workspace) return;
  try {
    localStorage.setItem('crank_workspace_id', workspace.id);
    localStorage.setItem('crank_workspace_slug', workspace.slug);
  } catch (_error) {}
}

function storedWorkspaceId() {
  try {
    return localStorage.getItem('crank_workspace_id') || '';
  } catch (_error) {
    return '';
  }
}

function sessionWorkspaceId() {
  if (!(window.CrankAuth && typeof window.CrankAuth.getCachedSession === 'function')) {
    return '';
  }
  var session = window.CrankAuth.getCachedSession();
  return session && session.current_workspace_id ? session.current_workspace_id : '';
}

function resolveCurrentWorkspace() {
  var preferredId = sessionWorkspaceId() || storedWorkspaceId();
  if (preferredId) {
    var preferred = WS_LIST.find(function(workspace) {
      return workspace.id === preferredId;
    });
    if (preferred) {
      return preferred;
    }
  }
  return WS_LIST.find(function(workspace) {
    return workspace.id === 'ws_default';
  }) || WS_LIST[0] || null;
}

function updateWorkspaceHeader(workspace) {
  var nameEl = document.getElementById('ws-current-name');
  var dotEl = document.getElementById('ws-dot');
  if (nameEl) nameEl.textContent = workspace ? workspace.name : 'No workspace';
  if (dotEl && workspace) {
    dotEl.textContent = workspace.letter;
    dotEl.style.background = workspace.color;
  }
}

function emitWorkspaceChange(workspace) {
  if (!workspace || workspace.id === lastWorkspaceId) {
    return;
  }
  lastWorkspaceId = workspace.id;
  window.dispatchEvent(new CustomEvent('crank:workspacechange', { detail: workspace }));
}

function getCurrentWs() {
  var workspace = resolveCurrentWorkspace();
  if (workspace) {
    cacheCurrentWorkspace(workspace);
  }
  return workspace;
}

function renderWorkspaceHeader() {
  updateWorkspaceHeader(getCurrentWs());
}

async function loadWorkspaces() {
  if (workspaceLoadPromise) return workspaceLoadPromise;

  workspaceLoadPromise = (async function() {
    if (!window.CrankApi) {
      renderWorkspaceHeader();
      return WS_LIST;
    }

    try {
      var response = await window.CrankApi.listWorkspaces();
      var items = (response && response.items ? response.items : []).map(mapWorkspace);
      if (items.length > 0) {
        WS_LIST = items;
      }
      workspaceLoadFailed = false;
    } catch (_error) {
      workspaceLoadFailed = true;
    }

    renderWorkspaceHeader();
    emitWorkspaceChange(getCurrentWs());
    return WS_LIST;
  }());

  return workspaceLoadPromise;
}

async function refreshWorkspaces() {
  workspaceLoadPromise = null;
  return loadWorkspaces();
}

function setCurrentWorkspace(workspace) {
  if (workspace) {
    WS_LIST = [workspace];
    cacheCurrentWorkspace(workspace);
    renderWorkspaceHeader();
    emitWorkspaceChange(workspace);
  }
  return Promise.resolve(workspace || null);
}

window.getCurrentWorkspace = getCurrentWs;
window.whenWorkspacesReady = loadWorkspaces;
window.refreshWorkspaces = refreshWorkspaces;
window.setCurrentWorkspace = setCurrentWorkspace;
window.hasWorkspaceApiFailure = function() { return workspaceLoadFailed; };

document.addEventListener('DOMContentLoaded', function() {
  renderWorkspaceHeader();
  loadWorkspaces();
});

window.addEventListener('crank:sessionchange', function() {
  renderWorkspaceHeader();
  emitWorkspaceChange(getCurrentWs());
});