clay-server 3.8.1 → 4.0.0-beta.2

package/lib/public/app.js

@@ -12,7 +12,8 @@ import {
 } from './modules/sidebar-projects.js';
 import {
   renderUserStrip, closeDmUserPicker, setCurrentDmUser,
-  updateDmBadge, renderSidebarPresence, setMentionActive, clearAllMentionActive
+  updateDmBadge, setMentionActive, clearAllMentionActive,
+  onMentionActiveChange
 } from './modules/sidebar-mates.js';
 import {
   openMobileSheet, setMobileSheetMateData, refreshMobileChatSheet
@@ -47,21 +48,24 @@ import { initPaneBridge } from './modules/pane-bridge.js';
 import { initAdmin, checkAdminAccess } from './modules/admin.js';
 import { initSessionSearch, toggleSearch, closeSearch, isSearchOpen, handleFindInSessionResults, onHistoryPrepended as onSessionSearchHistoryPrepended } from './modules/session-search.js';
 import { initTooltips, registerTooltip } from './modules/tooltip.js';
-import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } from './modules/mate-wizard.js';
 import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } from './modules/command-palette.js';
 import { initLongPress } from './modules/longpress.js';
 import { initShellCommand } from './modules/shell-command.js';
 import { initConnection, connect as _connConnect, setStatus as _connSetStatus, scheduleReconnect as _connScheduleReconnect, cancelReconnect as _connCancelReconnect } from './modules/app-connection.js';
 import { processMessage as _msgProcessMessage } from './modules/app-messages.js';
 import { getWs as _getWsRef, setWs as _setWsRef } from './modules/ws-ref.js';
-import { initHomeHub, showHomeHub as _hubShowHomeHub, hideHomeHub as _hubHideHomeHub, handleHubSchedules as _hubHandleHubSchedules, renderHomeHub as _hubRenderHomeHub, isHomeHubVisible } from './modules/app-home-hub.js';
+import { initHomeHub, showHomeHub as _hubShowHomeHub, hideHomeHub as _hubHideHomeHub, isHomeHubVisible, renderHomeMateSwitcher, updateHomeIconBadge } from './modules/app-home-hub.js';
+import { initHomeSidebar } from './modules/home-sidebar.js';
+import { openHomeMateAction } from './modules/home-mate-chat.js';
+import { initHomeSurfaceBoot } from './modules/home-surface-boot.js';
+import { rememberHomePrimarySurface } from './modules/home-surface.js';
 import { initRateLimit, handleRateLimitEvent as _rlHandleRateLimitEvent, updateRateLimitUsage as _rlUpdateRateLimitUsage, addScheduledMessageBubble as _rlAddScheduledMessageBubble, removeScheduledMessageBubble as _rlRemoveScheduledMessageBubble, handleFastModeState as _rlHandleFastModeState, getScheduledMsgEl, resetRateLimitState } from './modules/app-rate-limit.js';
 import { initCursors, handleRemoteCursorMove as _curHandleRemoteCursorMove, handleRemoteCursorLeave as _curHandleRemoteCursorLeave, handleRemoteSelection as _curHandleRemoteSelection, clearRemoteCursors as _curClearRemoteCursors, initCursorToggle } from './modules/app-cursors.js';
 import { initFavicon, updateFavicon as _favUpdateFavicon, setSendBtnMode as _favSetSendBtnMode, blinkIO as _favBlinkIO, blinkSessionDot as _favBlinkSessionDot, updateCrossProjectBlink as _favUpdateCrossProjectBlink, startUrgentBlink as _favStartUrgentBlink, stopUrgentBlink as _favStopUrgentBlink, setActivity as _favSetActivity } from './modules/app-favicon.js';
 import { initHeader, closeSessionInfoPopover as _hdrCloseSessionInfoPopover, updateHistorySentinel as _hdrUpdateHistorySentinel, requestMoreHistory as _hdrRequestMoreHistory, prependOlderHistory as _hdrPrependOlderHistory } from './modules/app-header.js';
 import { initSessionActions } from './modules/session-actions.js';
 import { initMisc, flushPendingExtMessages, showImageModal as _miscShowImageModal, closeImageModal as _miscCloseImageModal, showPasteModal as _miscShowPasteModal, closePasteModal as _miscClosePasteModal, showConfirm as _miscShowConfirm, hideConfirm as _miscHideConfirm, showForceChangePinOverlay as _miscShowForceChangePinOverlay, sendExtensionCommand as _miscSendExtensionCommand, handleExtensionResult as _miscHandleExtensionResult } from './modules/app-misc.js';
-import { initSkillInstall, requireSkills as _siRequireSkills, requireClayMateInterview as _siRequireClayMateInterview, handleSkillInstallWs as _siHandleSkillInstallWs } from './modules/app-skills-install.js';
+import { initSkillInstall, requireSkills as _siRequireSkills, handleSkillInstallWs as _siHandleSkillInstallWs } from './modules/app-skills-install.js';
 import { initDebateUi, showDebateConcludeConfirm as _debShowDebateConcludeConfirm, exitDebateConcludeMode as _debExitDebateConcludeMode, handleDebateConcludeSend as _debHandleDebateConcludeSend, showDebateEndedMode as _debShowDebateEndedMode, exitDebateEndedMode as _debExitDebateEndedMode, showDebateUserFloor as _debShowDebateUserFloor, exitDebateFloorMode as _debExitDebateFloorMode, handleDebateFloorSend as _debHandleDebateFloorSend, renderDebateUserFloorDone as _debRenderDebateUserFloorDone, showDebateSticky as _debShowDebateSticky, showDebateBottomBar as _debShowDebateBottomBar, removeDebateBottomBar as _debRemoveDebateBottomBar, sendDebateStickyComment as _debSendDebateStickyComment, updateDebateRound as _debUpdateDebateRound } from './modules/app-debate-ui.js';
 import { initLoopUi, updateLoopInputVisibility as _loopUpdateLoopInputVisibility, updateLoopButton as _loopUpdateLoopButton, showLoopBanner as _loopShowLoopBanner, updateLoopBanner as _loopUpdateLoopBanner, updateRalphBars as _loopUpdateRalphBars, showRalphCraftingBar as _loopShowRalphCraftingBar, showRalphApprovalBar as _loopShowRalphApprovalBar, updateRalphApprovalStatus as _loopUpdateRalphApprovalStatus, openRalphPreviewModal as _loopOpenRalphPreviewModal, showExecModal as _loopShowExecModal, closeExecModal as _loopCloseExecModal, updateExecModalStatus as _loopUpdateExecModalStatus } from './modules/app-loop-ui.js';
 import { initBackgroundTasksUi } from './modules/background-tasks-ui.js';
@@ -74,7 +78,7 @@ import { createStore, store } from './modules/store.js';
 import { initPanels, updateConfigChip as _panUpdateConfigChip, getModelEffortLevels as _panGetModelEffortLevels, accumulateUsage as _panAccumulateUsage, updateUsagePanel as _panUpdateUsagePanel, resetUsage as _panResetUsage, toggleUsagePanel as _panToggleUsagePanel, formatTokens as _panFormatTokens, updateStatusPanel as _panUpdateStatusPanel, requestProcessStats as _panRequestProcessStats, toggleStatusPanel as _panToggleStatusPanel, accumulateContext as _panAccumulateContext, updateContextPanel as _panUpdateContextPanel, resetContext as _panResetContext, resetContextData as _panResetContextData, minimizeContext as _panMinimizeContext, expandContext as _panExpandContext, toggleContextPanel as _panToggleContextPanel, getContextView as _panGetContextView, renderCtxPopover as _panRenderCtxPopover, hideCtxPopover as _panHideCtxPopover, formatBytes as _panFormatBytes, formatUptime as _panFormatUptime, getModelSupportsEffort as _panGetModelSupportsEffort, getSessionUsage, setSessionUsage, getContextData, setContextData, setContextView as _panSetContextView, applyContextView as _panApplyContextView } from './modules/app-panels.js';
 import { initProjects, updateProjectList as _projUpdateProjectList, renderProjectList as _projRenderProjectList, renderTopbarPresence as _projRenderTopbarPresence, switchProject as _projSwitchProject, resetClientState as _projResetClientState, confirmRemoveProject as _projConfirmRemoveProject, handleRemoveProjectCheckResult as _projHandleRemoveProjectCheckResult, handleRemoveProjectResult as _projHandleRemoveProjectResult, openAddProjectModal as _projOpenAddProjectModal, closeAddProjectModal as _projCloseAddProjectModal, handleBrowseDirResult as _projHandleBrowseDirResult, handleAddProjectResult as _projHandleAddProjectResult, handleCloneProgress as _projHandleCloneProgress, showUpdateAvailable as _projShowUpdateAvailable, getCachedProjects, setCachedProjects, getCachedProjectCount, getCachedRemovedProjects, setCachedRemovedProjects } from './modules/app-projects.js';
 import { initRendering, addToMessages as _renAddToMessages, scrollToBottom as _renScrollToBottom, forceScrollToBottom as _renForceScrollToBottom, addUserMessage as _renAddUserMessage, getMsgTime as _renGetMsgTime, shouldGroupMessage as _renShouldGroupMessage, ensureAssistantBlock as _renEnsureAssistantBlock, addCopyHandler as _renAddCopyHandler, appendDelta as _renAppendDelta, flushStreamBuffer as _renFlushStreamBuffer, finalizeAssistantBlock as _renFinalizeAssistantBlock, addSystemMessage as _renAddSystemMessage, addConflictMessage as _renAddConflictMessage, addContextOverflowMessage as _renAddContextOverflowMessage, showClaudePreThinking as _renShowClaudePreThinking, showMatePreThinking as _renShowMatePreThinking, removeMatePreThinking as _renRemoveMatePreThinking, showSuggestionChips as _renShowSuggestionChips, hideSuggestionChips as _renHideSuggestionChips, getGhostSuggestion as _renGetGhostSuggestion, getTurnCounter, setTurnCounter, getPrependAnchor, setPrependAnchor, getActivityEl, setActivityEl, getIsUserScrolledUp, setIsUserScrolledUp, getStickyBottom, armStickyBottom, disarmStickyBottom } from './modules/app-rendering.js';
-import { initDm, openDm as _dmOpenDm, enterDmMode as _dmEnterDmMode, exitDmMode as _dmExitDmMode, handleMateCreatedInApp as _dmHandleMateCreatedInApp, renderAvailableBuiltins as _dmRenderAvailableBuiltins, buildMateInterviewPrompt as _dmBuildMateInterviewPrompt, updateMateIconStatus as _dmUpdateMateIconStatus, connectMateProject as _dmConnectMateProject, disconnectMateProject as _dmDisconnectMateProject, appendDmMessage as _dmAppendDmMessage, showDmTypingIndicator as _dmShowDmTypingIndicator, handleDmSend as _dmHandleDmSend } from './modules/app-dm.js';
+import { initDm, openDm as _dmOpenDm, enterDmMode as _dmEnterDmMode, exitDmMode as _dmExitDmMode, handleMateCreatedInApp as _dmHandleMateCreatedInApp, buildMateInterviewPrompt as _dmBuildMateInterviewPrompt, updateMateIconStatus as _dmUpdateMateIconStatus, connectMateProject as _dmConnectMateProject, disconnectMateProject as _dmDisconnectMateProject, appendDmMessage as _dmAppendDmMessage, showDmTypingIndicator as _dmShowDmTypingIndicator, handleDmSend as _dmHandleDmSend } from './modules/app-dm.js';
 import { initMention, handleMentionStart, handleMentionStream, handleMentionDone, handleMentionError, handleMentionActivity, renderMentionUser, renderMentionResponse } from './modules/mention.js';
 import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateResumed, handleDebateTurn, handleDebateActivity, handleDebateStream, handleDebateTurnDone, handleDebateCommentQueued, handleDebateCommentInjected, handleDebateEnded, handleDebateError, renderDebateStarted, renderDebateTurnDone, renderDebateEnded, renderDebateCommentInjected, renderDebateUserResume, openDebateModal, closeDebateModal, handleDebateBriefReady, renderDebateBriefReady, isDebateActive, resetDebateState, exportDebateAsPdf, renderMcpDebateProposal } from './modules/debate.js';
 
@@ -85,8 +89,10 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   if (!Number.isSafeInteger(paneSessionId) || paneSessionId < 1) paneSessionId = null;
   if (paneMode) document.body.classList.add("pane-mode");
   var slugMatch = location.pathname.match(/^\/p\/([a-z0-9_-]+)/);
-  var basePath = slugMatch ? "/p/" + slugMatch[1] + "/" : "/";
-  var wsPath = slugMatch ? "/p/" + slugMatch[1] + "/ws" : "/ws";
+  var homeProjectSlug = document.body.dataset.homeProjectSlug || null;
+  var connectionSlug = slugMatch ? slugMatch[1] : homeProjectSlug;
+  var basePath = connectionSlug ? "/p/" + connectionSlug + "/" : "/";
+  var wsPath = connectionSlug ? "/p/" + connectionSlug + "/ws" : "/ws";
   if (paneMode) {
     wsPath += "?pane=1";
     if (paneSessionId) wsPath += "&session=" + paneSessionId;
@@ -129,17 +135,18 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
 
   // --- Home Hub (delegated to app-home-hub.js) ---
-  function showHomeHub() { _hubShowHomeHub(); }
+  function showHomeHub(fromHistory) { _hubShowHomeHub(fromHistory); }
   function hideHomeHub() { _hubHideHomeHub(); }
-  function handleHubSchedules(msg) { _hubHandleHubSchedules(msg); }
-  function renderHomeHub(projects) { _hubRenderHomeHub(projects); }
+  function startClayMateCreation() {
+    showHomeHub();
+    openHomeMateAction("mate");
+  }
 
   // --- DM (delegated to app-dm.js) ---
   function openDm(userId) { _dmOpenDm(userId); }
   function enterDmMode(key, targetUser, messages) { _dmEnterDmMode(key, targetUser, messages); }
   function exitDmMode(skipProjectSwitch) { _dmExitDmMode(skipProjectSwitch); }
   function handleMateCreatedInApp(mate, msg) { _dmHandleMateCreatedInApp(mate, msg); }
-  function renderAvailableBuiltins(builtins) { _dmRenderAvailableBuiltins(builtins); }
   function buildMateInterviewPrompt(mate) { return _dmBuildMateInterviewPrompt(mate); }
   function updateMateIconStatus(msg) { _dmUpdateMateIconStatus(msg); }
   function connectMateProject(slug) { _dmConnectMateProject(slug); }
@@ -156,7 +163,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   var projectHintDismiss = $("project-hint-dismiss");
   // cachedProjects, cachedProjectCount, cachedRemovedProjects -> modules/app-projects.js
   // currentProjectOwnerId -> store
-  var currentSlug = slugMatch ? slugMatch[1] : null; // kept for pre-store init
+  var currentSlug = connectionSlug || null; // kept for pre-store init
 
   // updateProjectList, renderTopbarPresence, renderProjectList -> modules/app-projects.js
   function updateProjectList(msg) { _projUpdateProjectList(msg); }
@@ -184,18 +191,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   document.addEventListener("keydown", function (e) {
     if (e.key === "Escape") {
-      if (isHomeHubVisible() && store.get('currentSlug')) {
-        hideHomeHub();
-        if (document.documentElement.classList.contains("pwa-standalone")) {
-          history.replaceState(null, "", "/p/" + store.get('currentSlug') + "/");
-        } else {
-          history.pushState(null, "", "/p/" + store.get('currentSlug') + "/");
-        }
-        var homeIcon = document.querySelector(".icon-strip-home");
-        if (homeIcon) homeIcon.classList.remove("active");
-        renderProjectList();
-        return;
-      }
       closeImageModal();
     }
   });
@@ -302,13 +297,47 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     isHeadlessMode: false,
     savedMainSlug: null,
     connected: false,
+    homeChatMateId: null,
+    homeChatSessionId: null,
+    homeChatSessionModel: null,
+    homeChatSessionVendor: null,
+    homeChatSessionModelLoading: false,
+    homeMateSessions: {},
+    homeActiveSessionByMate: {},
+    homePreferredMateId: null,
+    homeSidebarCollapsed: false,
+    homeChatScope: "all",
+    homeSubSurface: "chat",
+    homeDebatesStatus: "idle",
+    homeDebates: [],
+    homeDebatesRequestId: null,
+    homeDebatesError: "",
+    homeSurfaceLoaded: false,
+    homePrimarySurface: null,
+    homeSurfaceProjectSlug: null,
+    homeSurfaceIntent: null,
+    homeSurfaceBootResolved: false,
+    homeSurfaceRestoreRequested: false,
+    dockActiveToolId: null,
+    dockOpen: false,
+    homeDockPreferenceLoaded: false,
+    dockFocus: false,
+    dockLibraryOpen: false,
+    dockBackstageOpen: false,
+    dockWidth: null,
+    dockHasActivity: false,
+    dockActivityToolId: null,
+    installedTools: [],
+    homeToolRegistryLoaded: false,
+    toolScanErrors: [],
+
     // dm
     dmTargetUser: null,
     dmKey: null,
     cachedMatesList: [],
     cachedDmFavorites: [],
     cachedAvailableBuiltins: [],
-    matesEnabled: false,
+    projectMateDmsEnabled: false,
     returningFromMateDm: false,
     pendingMateInterview: null,
     pendingTermCommand: null,
@@ -438,7 +467,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     get projectOwnerId() { return store.get('currentProjectOwnerId'); },
     get ownerLocked() { return store.get('ownerLocked'); },
     openDm: function (userId) { openDm(userId); },
-    openMateWizard: function () { requireClayMateInterview(function () { openMateWizard(); }); },
+    openMateWizard: function () { startClayMateCreation(); },
     openAddProjectModal: function () { openAddProjectModal(); },
     sendWs: function (msg) { var _ws = _getWsRef(); if (_ws && _ws.readyState === 1) _ws.send(JSON.stringify(msg)); },
     onDmRemoveUser: function (userId) { var dr = Object.assign({}, store.get('dmRemovedUsers')); dr[userId] = true; store.set({ dmRemovedUsers: dr }); },
@@ -456,15 +485,9 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   initMateSidebar(wsGetter);
   initMateKnowledge(wsGetter);
   initMateMemory(wsGetter, { onShow: function () { hideKnowledge(); hideNotes(); } });
-  initMateWizard(
-    function (msg) { var _ws = _getWsRef(); if (_ws && _ws.readyState === 1) _ws.send(JSON.stringify(msg)); },
-    function (mate) { handleMateCreatedInApp(mate); }
-  );
-
   initCommandPalette({
     switchProject: function (slug) { switchProject(slug); },
     currentSlug: function () { return store.get('currentSlug'); },
-    projectList: function () { return getCachedProjects() || []; },
     matesList: function () { return store.get('cachedMatesList') || []; },
     availableBuiltins: function () { return store.get('cachedAvailableBuiltins') || []; },
     allUsers: function () { return store.get('cachedAllUsers') || []; },
@@ -486,7 +509,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     openDm: function (userId) { openDm(userId); },
     runAction: function (action) {
       switch (action) {
-        case "createMate": openMateWizard(); break;
+        case "createMate": startClayMateCreation(); break;
         case "openSettings":
           var sb = document.getElementById("server-settings-btn");
           if (sb) sb.click();
@@ -741,6 +764,12 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   window.addEventListener("popstate", function () {
     var m = location.pathname.match(/^\/p\/([a-z0-9_-]+)/);
     var newSlug = m ? m[1] : null;
+    if (!newSlug) {
+      showHomeHub(true);
+      return;
+    }
+    rememberHomePrimarySurface("project", newSlug);
+    if (isHomeHubVisible()) hideHomeHub();
     if (newSlug && newSlug !== store.get('currentSlug')) {
       resetFileBrowser();
       closeArchive();
@@ -847,7 +876,10 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     addCopyHandler: addCopyHandler,
     matesList: function () { return store.get('cachedMatesList') || []; },
     availableBuiltins: function () { return store.get('cachedAvailableBuiltins') || []; },
-    currentMateId: function () { return (store.get('dmTargetUser') && store.get('dmTargetUser').isMate) ? store.get('dmTargetUser').id : null; },
+    currentMateId: function () {
+      if (store.get('dmTargetUser') && store.get('dmTargetUser').isMate) return store.get('dmTargetUser').id;
+      return store.get('homeChatMateId') || null;
+    },
     requireSkills: requireSkills,
     showDebateEndedMode: function (msg) { showDebateEndedMode(msg); },
   });
@@ -880,9 +912,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   fetch("/api/me").then(function (r) { return r.json(); }).then(function (d) {
     if (d.multiUser) {
       store.set({ isMultiUserMode: true });
-      // Body class lets CSS treat single-user / multi-user differently for
-      // the Mates UI gate: single-user collapses the whole mate section,
-      // multi-user keeps it visible (still hosts other users' avatars).
+      // The shared strip also hosts other users in multi-user deployments;
+      // the project Mate DM preference therefore hides only Mate shortcuts.
       if (document.body) document.body.classList.add('is-multi-user');
     }
     if (d.user && d.user.id) { store.set({ myUserId: d.user.id }); }
@@ -1118,7 +1149,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   // --- Skill install dialog (delegated to app-skills-install.js) ---
   // knownInstalledSkills, pendingSkillInstalls -> modules/app-skills-install.js
   function requireSkills(opts, cb) { _siRequireSkills(opts, cb); }
-  function requireClayMateInterview(cb) { _siRequireClayMateInterview(cb); }
   function handleSkillInstallWs(msg) { _siHandleSkillInstallWs(msg); }
 
 
@@ -1210,6 +1240,21 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // --- Home Hub module ---
   initHomeHub();
+  initHomeSidebar();
+  initHomeSurfaceBoot();
+
+  // Mates live on the home hub now, so keep that pane and the C button
+  // badge in sync with the mate list, unread DMs, and mention activity.
+  store.subscribe(function (state, prev) {
+    if (state.cachedMatesList !== prev.cachedMatesList || state.dmUnread !== prev.dmUnread) {
+      renderHomeMateSwitcher();
+      updateHomeIconBadge();
+    }
+  });
+  onMentionActiveChange(function () {
+    renderHomeMateSwitcher();
+  });
+  updateHomeIconBadge();
 
   // --- DM module ---
   initDm();
@@ -1222,11 +1267,9 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   // --- Init ---
   lucide.createIcons();
   connect();
-  if (!store.get('currentSlug')) {
-    showHomeHub();
-  } else if (location.hash === "#scheduler") {
+  if (slugMatch && location.hash === "#scheduler") {
     // Restore scheduler view after refresh
     setTimeout(function () { openSchedulerToTab("calendar"); }, 500);
-  } else {
+  } else if (slugMatch) {
     inputEl.focus();
   }

package/lib/public/css/avatar-imprints.css

@@ -13,7 +13,6 @@
 .dm-picker-mates-marquee-avatar,
 .dm-user-picker-avatar,
 .home-chat-avatar,
-.home-hub-mate-avatar,
 .icon-strip-me-avatar,
 .icon-strip-user-avatar,
 .input-mention-chip-avatar,

package/lib/public/css/base.css

@@ -95,6 +95,10 @@ img.emoji {
   --brand-paper: #f2f2ef;
   --brand-indigo: #5857fc;
   --brand-green: #07e5a3;
+  --brand-gold: #e0b45b;
+  --brand-blue: #8aa7ff;
+  --brand-coral: #ff7479;
+  --brand-clay: #d69a7d;
   --font-weight-body: 400;
   --font-weight-ui: 500;
   --font-weight-heading: 600;