@chrysb/alphaclaw 0.2.3 → 0.3.0

package/bin/alphaclaw.js

@@ -660,6 +660,85 @@ if (fs.existsSync(configPath)) {
         console.log("[alphaclaw] Scrubbed tokenized GitHub remote URL");
       }
     } catch {}
+
+    const bootRestoreConfigFromRemote = () => {
+      const branch = (() => {
+        try {
+          return (
+            String(
+              execSync("git symbolic-ref --short HEAD", {
+                cwd: openclawDir,
+                stdio: ["ignore", "pipe", "ignore"],
+                encoding: "utf8",
+              }),
+            ).trim() || "main"
+          );
+        } catch {
+          return "main";
+        }
+      })();
+      const githubToken = String(process.env.GITHUB_TOKEN || "").trim();
+      const gitEnv = { ...process.env };
+      const askPassPath = path.join(
+        os.tmpdir(),
+        `alphaclaw-boot-git-askpass-${process.pid}.sh`,
+      );
+      try {
+        if (githubToken) {
+          fs.writeFileSync(
+            askPassPath,
+            [
+              "#!/usr/bin/env sh",
+              'case "$1" in',
+              '  *Username*) echo "x-access-token" ;;',
+              '  *Password*) echo "${GITHUB_TOKEN:-}" ;;',
+              '  *) echo "" ;;',
+              "esac",
+              "",
+            ].join("\n"),
+            { mode: 0o700 },
+          );
+          gitEnv.GITHUB_TOKEN = githubToken;
+          gitEnv.GIT_TERMINAL_PROMPT = "0";
+          gitEnv.GIT_ASKPASS = askPassPath;
+        }
+        execSync(`git ls-remote --exit-code --heads origin "${branch}"`, {
+          cwd: openclawDir,
+          stdio: "ignore",
+          env: gitEnv,
+        });
+        execSync(`git fetch --quiet origin "${branch}"`, {
+          cwd: openclawDir,
+          stdio: "ignore",
+          env: gitEnv,
+        });
+        const remoteConfig = String(
+          execSync(`git show "origin/${branch}:openclaw.json"`, {
+            cwd: openclawDir,
+            stdio: ["ignore", "pipe", "ignore"],
+            encoding: "utf8",
+            env: gitEnv,
+          }),
+        );
+        if (remoteConfig.trim()) {
+          fs.writeFileSync(configPath, remoteConfig);
+          console.log(
+            `[alphaclaw] Restored openclaw.json from origin/${branch}`,
+          );
+        }
+      } catch (e) {
+        console.log(
+          `[alphaclaw] Remote config restore skipped: ${String(e.message || "").slice(0, 200)}`,
+        );
+      } finally {
+        if (githubToken) {
+          try {
+            fs.rmSync(askPassPath, { force: true });
+          } catch {}
+        }
+      }
+    };
+    bootRestoreConfigFromRemote();
   }
 
   try {

package/lib/public/css/shell.css

@@ -3,13 +3,46 @@
 .app-shell {
   display: grid;
   grid-template-columns: 220px 1fr;
-  grid-template-rows: 1fr 24px;
+  grid-template-rows: auto 1fr 24px;
   height: 100vh;
   position: relative;
   z-index: 1;
 }
 
+.global-restart-banner {
+  grid-column: 1 / -1;
+  grid-row: 1;
+  background: rgba(234, 179, 8, 0.08);
+  border-bottom: 1px solid rgba(234, 179, 8, 0.32);
+  padding: 10px 32px;
+}
+
+.global-restart-banner__content {
+  margin: 0 auto;
+  max-width: 900px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  min-height: 28px;
+}
+
+.global-restart-banner__text {
+  font-size: 12px;
+  color: #fde68a;
+  text-align: center;
+}
+
+.global-restart-banner__button {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 .app-content {
+  grid-row: 2;
   overflow-y: auto;
   padding: 24px 32px;
   position: relative;
@@ -19,6 +52,7 @@
 /* ── Sidebar ───────────────────────────────────── */
 
 .app-sidebar {
+  grid-row: 2;
   background:
     linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
     var(--bg-sidebar);
@@ -159,6 +193,7 @@
 /* ── Statusbar ─────────────────────────────────── */
 
 .app-statusbar {
+  grid-row: 3;
   grid-column: 1 / -1;
   background: var(--bg-sidebar);
   border-top: 1px solid var(--border-strong);
@@ -211,8 +246,28 @@
 /* ── Responsive ────────────────────────────────── */
 
 @media (max-width: 768px) {
-  .app-shell { grid-template-columns: 1fr; }
+  .app-shell {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto 1fr 24px;
+  }
+  .global-restart-banner {
+    padding: 10px 14px;
+  }
+  .global-restart-banner__content {
+    max-width: none;
+    align-items: flex-start;
+    flex-direction: column;
+    min-height: 0;
+  }
+  .global-restart-banner__text {
+    text-align: left;
+  }
+  .global-restart-banner__button {
+    position: static;
+    transform: none;
+  }
   .app-content {
+    grid-row: 2;
     padding: 0 14px 12px;
   }
 

package/lib/public/css/theme.css

@@ -86,6 +86,15 @@ textarea:focus {
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.08); border-radius: 3px; }
 
+.scrollbar-hidden {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none;
+}
+
 /* Google scope picker toggle buttons */
 .scope-btn { background: rgba(255,255,255,0.03); color: var(--text-muted); border: 1px solid var(--border); transition: all 0.15s; }
 .scope-btn:hover { border-color: var(--text-dim); color: var(--text); }
@@ -182,6 +191,159 @@ textarea:focus {
   cursor: not-allowed;
 }
 
+.ac-btn-ghost {
+  border: none;
+  color: var(--text-muted);
+  background: transparent;
+  transition: color 0.15s ease;
+}
+
+.ac-btn-ghost:hover:not(:disabled) {
+  color: #f3f4f6;
+}
+
+.ac-btn-ghost:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ac-btn-danger {
+  border: 1px solid rgba(239, 68, 68, 0.45);
+  background: rgba(239, 68, 68, 0.08);
+  color: #fca5a5;
+  transition:
+    border-color 0.15s ease,
+    color 0.15s ease,
+    background 0.15s ease,
+    transform 0.15s ease;
+}
+
+.ac-btn-danger:hover:not(:disabled) {
+  border-color: rgba(239, 68, 68, 0.7);
+  background: rgba(239, 68, 68, 0.14);
+  color: #fecaca;
+}
+
+.ac-btn-danger:active:not(:disabled) {
+  transform: translateY(1px);
+}
+
+.ac-btn-danger:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ac-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.ac-toggle-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.ac-toggle-track {
+  position: relative;
+  width: 34px;
+  height: 20px;
+  border-radius: 999px;
+  border: 1px solid var(--panel-border-contrast);
+  background: rgba(0, 0, 0, 0.35);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
+  transition:
+    border-color 0.18s ease,
+    background-color 0.18s ease,
+    box-shadow 0.18s ease;
+}
+
+.ac-toggle-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 14px;
+  height: 14px;
+  border-radius: 999px;
+  background: #94a3b8;
+  box-shadow: 0 0 0 1px rgba(15, 21, 33, 0.3);
+  transition:
+    transform 0.18s ease,
+    background-color 0.18s ease,
+    box-shadow 0.18s ease;
+}
+
+.ac-toggle-label {
+  font-size: 12px;
+  color: #d1d5db;
+}
+
+.ac-toggle-input:checked + .ac-toggle-track {
+  border-color: rgba(99, 235, 255, 0.8);
+  background: rgba(99, 235, 255, 0.16);
+  box-shadow:
+    inset 0 0 0 1px rgba(99, 235, 255, 0.2),
+    0 0 10px rgba(99, 235, 255, 0.2);
+}
+
+.ac-toggle-input:checked + .ac-toggle-track .ac-toggle-thumb {
+  transform: translateX(14px);
+  background: #b6f6ff;
+  box-shadow:
+    0 0 0 1px rgba(15, 21, 33, 0.25),
+    0 0 10px rgba(99, 235, 255, 0.45);
+}
+
+.ac-toggle-input:focus-visible + .ac-toggle-track {
+  outline: 2px solid rgba(99, 235, 255, 0.55);
+  outline-offset: 2px;
+}
+
+.ac-toggle-input:disabled + .ac-toggle-track {
+  opacity: 0.55;
+  box-shadow: none;
+}
+
+.ac-toggle-input:disabled + .ac-toggle-track + .ac-toggle-label {
+  opacity: 0.6;
+}
+
+@keyframes acStatusDotPulse {
+  0%,
+  100% {
+    transform: scale(1);
+    box-shadow:
+      0 0 0 0 rgba(34, 197, 94, 0.14),
+      0 0 5px rgba(34, 197, 94, 0.18);
+  }
+  50% {
+    transform: scale(1.08);
+    box-shadow:
+      0 0 0 3px rgba(34, 197, 94, 0.08),
+      0 0 9px rgba(34, 197, 94, 0.32);
+  }
+}
+
+.ac-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+}
+
+.ac-status-dot--healthy {
+  background: #22c55e;
+  animation: acStatusDotPulse 2.6s ease-in-out infinite;
+}
+
+.ac-status-dot--healthy-offset {
+  animation-delay: 0.95s;
+}
+
 .ac-btn-green {
   border: 1px solid rgba(34, 197, 94, 0.45);
   background: linear-gradient(
@@ -215,3 +377,25 @@ textarea:focus {
 .ac-btn-green:active:not(:disabled) {
   transform: translateY(1px);
 }
+
+@keyframes acSpinnerOrbit {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.ac-spinner {
+  animation: acSpinnerOrbit 1s cubic-bezier(0.3, 0.2, 0.7, 0.8) infinite;
+  transform-origin: center;
+  will-change: transform;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ac-spinner {
+    animation-duration: 1.8s;
+    animation-timing-function: linear;
+  }
+}