clavarium 0.2.0-next.6 → 0.2.0-next.7

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "clavarium",
-  "version": "0.2.0-next.6",
+  "version": "0.2.0-next.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "clavarium",
-      "version": "0.2.0-next.6",
+      "version": "0.2.0-next.7",
       "license": "MIT",
       "dependencies": {
         "@xterm/addon-fit": "^0.11.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clavarium",
-  "version": "0.2.0-next.6",
+  "version": "0.2.0-next.7",
   "license": "MIT",
   "type": "module",
   "description": "A conversation is a VM with a terminal in it. Everything else is a folder.",

package/web/app.js

@@ -2561,14 +2561,14 @@
 
     /* A repository, on the right: its branch, what would go, the diagram. */
     async function gitDetail(holder, name, { place = false } = {}) {
-        const facts = el('div', 'as-facts'); facts.append(el('p', 'hint', 'Looking at its branches...'));
+        const facts = el('div', 'as-facts'); facts.append(el('p', 'hint busy', 'Looking at its branches...'));
         const acts = el('div', 'as-acts');
         const review = el('button', '', 'Open the review'); review.type = 'button'; review.dataset.act = 'review';
         const send = el('button', 'primary', 'Send...'); send.type = 'button'; send.dataset.act = 'send'; send.hidden = true;
         acts.append(review, send);
         /* In a conversation, its files too, below. */
         if (!place) { const files = el('button', '', 'Files'); files.type = 'button'; files.dataset.act = 'files'; files.addEventListener('click', () => { embedFiles(holder, name); files.disabled = true; }); acts.prepend(files); }
-        const diagram = el('div', 'as-graph'); diagram.append(el('p', 'hint', 'Drawing the branches...'));
+        const diagram = el('div', 'as-graph'); diagram.append(el('p', 'hint busy', 'Drawing the branches...'));
         holder.append(facts, chapter('Branches', acts), diagram);
         const back = place ? { label: name, go: () => { void paintAssets(); } } : { label: name, go: () => { void paintRoomAssets(); } };
         review.addEventListener('click', () => { void openGit(name, { back }); });
@@ -3693,6 +3693,7 @@
         $('gitview-error').hidden = true; $('gitview-push').hidden = true; $('gitview-check').hidden = true; $('gitview-checks').hidden = true;
         $('gitview-offer-row').hidden = true; $('gitview-guards').hidden = true; $('gitview-dropped').hidden = true; $('gitview-remote-go').hidden = true;
         $('gitview-state').textContent = commit ? 'Looking at this commit...' : 'Looking at what was committed...';
+        $('gitview-state').classList.add('busy');
         $('gitview-numbers').replaceChildren();
         $('gitview-commits').replaceChildren(); $('gitview-stat').textContent = ''; $('gitview-diff').replaceChildren(); $('gitview-tree').replaceChildren();
         $('gitview-n-files').textContent = ''; $('gitview-n-commits').textContent = ''; $('gitview-n-checks').textContent = '';
@@ -3711,7 +3712,9 @@
             const r = await fetch(`${API}/git/${name}/${commit ? 'commit' : 'outgoing'}${query.size ? `?${query}` : ''}`);
             out = await r.json();
             if (!r.ok) throw Object.assign(new Error(out.error || 'The repository could not be read.'), { offer: out.offer });
+            $('gitview-state').classList.remove('busy');
         } catch (error) {
+            $('gitview-state').classList.remove('busy');
             if (gitShown !== name || gitCommit !== commit) return;
             $('gitview-state').textContent = ''; $('gitview-error').textContent = error.message; $('gitview-error').hidden = false;
             /* An fsck refusal the owner may waive (old histories only): offered, never done for them. */

package/web/style.css

@@ -1256,3 +1256,7 @@ select.pill { appearance: auto; }
 .group-head .caret { font-size: 1.1rem; line-height: 1; text-align: center; }
 #machine-size[data-waiting] select { color: var(--ink2); border-style: dashed; }
 #machine-size-wait { color: var(--brass); font-weight: 600; }
+
+/* Something is being fetched: a small turning ring before the words (a still ring without motion). */
+.busy::before { content: ""; display: inline-block; width: .95em; height: .95em; margin-right: .5em; vertical-align: -.17em; border-radius: 50%; border: 2px solid color-mix(in srgb, currentColor 25%, transparent); border-top-color: var(--brass); }
+@media (prefers-reduced-motion: no-preference) { .busy::before { animation: busy-turn .8s linear infinite; } @keyframes busy-turn { to { transform: rotate(360deg); } } }