@chrysb/alphaclaw 0.1.17 → 0.1.18

package/lib/public/js/app.js

@@ -27,6 +27,9 @@ import { Envars } from "./components/envars.js";
 import { ToastContainer, showToast } from "./components/toast.js";
 import { ChevronDownIcon } from "./components/icons.js";
 const html = htm.bind(h);
+const kUiTabStorageKey = "alphaclaw_ui_tab";
+const kUiTabs = ["general", "models", "envars"];
+const kDefaultUiTab = "general";
 
 const GeneralTab = ({ onSwitchTab }) => {
   const [googleKey, setGoogleKey] = useState(0);
@@ -269,7 +272,14 @@ const GeneralTab = ({ onSwitchTab }) => {
 
 function App() {
   const [onboarded, setOnboarded] = useState(null);
-  const [tab, setTab] = useState("general");
+  const [tab, setTab] = useState(() => {
+    try {
+      const savedTab = localStorage.getItem(kUiTabStorageKey);
+      return kUiTabs.includes(savedTab) ? savedTab : kDefaultUiTab;
+    } catch {
+      return kDefaultUiTab;
+    }
+  });
   const [acVersion, setAcVersion] = useState(null);
   const [acLatest, setAcLatest] = useState(null);
   const [acHasUpdate, setAcHasUpdate] = useState(false);
@@ -282,6 +292,12 @@ function App() {
       .catch(() => setOnboarded(false));
   }, []);
 
+  useEffect(() => {
+    try {
+      localStorage.setItem(kUiTabStorageKey, tab);
+    } catch {}
+  }, [tab]);
+
   useEffect(() => {
     if (!onboarded) return;
     let active = true;

package/lib/public/js/components/envars.js

@@ -332,11 +332,7 @@ export const Envars = () => {
       <button
         onclick=${handleSave}
         disabled=${!dirty || saving || restartingGateway}
-        class="w-full text-sm font-medium px-4 py-2.5 rounded-xl transition-all ${dirty &&
-        !saving &&
-        !restartingGateway
-          ? "bg-white text-black hover:opacity-85"
-          : "bg-gray-800 text-gray-500 cursor-not-allowed"}"
+        class="w-full text-sm font-medium px-4 py-2.5 rounded-xl transition-all ac-btn-cyan"
       >
         ${saving
           ? html`<span class="flex items-center justify-center gap-2">
@@ -357,7 +353,7 @@ export const Envars = () => {
               </svg>
               Saving...
             </span>`
-          : "Save Changes"}
+          : "Save changes"}
       </button>
     </div>
   `;

package/lib/public/js/components/models.js

@@ -320,7 +320,7 @@ export const Models = () => {
             ? html`
                 <button
                   onclick=${startCodexAuth}
-                  class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white text-black hover:opacity-85"
+                  class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-cyan"
                 >
                   Connect Codex OAuth
                 </button>
@@ -357,7 +357,7 @@ export const Models = () => {
                 <button
                   onclick=${completeCodexAuth}
                   disabled=${!codexManualInput.trim() || codexExchanging}
-                  class="text-xs font-medium px-3 py-1.5 rounded-lg ${!codexManualInput.trim() || codexExchanging ? "bg-gray-700 text-gray-400 cursor-not-allowed" : "bg-white text-black hover:opacity-85"}"
+                  class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-cyan"
                 >
                   ${codexExchanging ? "Completing..." : "Complete Codex OAuth"}
                 </button>
@@ -442,9 +442,7 @@ export const Models = () => {
       <button
         onclick=${saveChanges}
         disabled=${!canSaveChanges}
-        class="w-full text-sm font-medium px-4 py-2.5 rounded-xl transition-all ${canSaveChanges
-          ? "bg-white text-black hover:opacity-85"
-          : "bg-gray-800 text-gray-500 cursor-not-allowed"}"
+        class="w-full text-sm font-medium px-4 py-2.5 rounded-xl transition-all ac-btn-cyan"
       >
         ${savingChanges ? "Saving..." : "Save changes"}
       </button>

package/lib/public/js/components/onboarding/welcome-form-step.js

@@ -110,7 +110,7 @@ export const WelcomeFormStep = ({
           onclick=${startCodexAuth}
           class="text-xs font-medium px-3 py-1.5 rounded-lg ${codexStatus.connected
             ? "border border-border text-gray-300 hover:border-gray-500"
-            : "bg-white text-black hover:opacity-85"}"
+            : "ac-btn-cyan"}"
         >
           ${codexStatus.connected ? "Reconnect Codex" : "Connect Codex OAuth"}
         </button>
@@ -148,10 +148,7 @@ export const WelcomeFormStep = ({
             type="button"
             onclick=${completeCodexAuth}
             disabled=${!codexManualInput.trim() || codexExchanging}
-            class="text-xs font-medium px-3 py-1.5 rounded-lg ${!codexManualInput.trim() ||
-            codexExchanging
-              ? "bg-gray-700 text-gray-400 cursor-not-allowed"
-              : "bg-white text-black hover:opacity-85"}"
+            class="text-xs font-medium px-3 py-1.5 rounded-lg ac-btn-cyan"
           >
             ${codexExchanging ? "Completing..." : "Complete Codex OAuth"}
           </button>

package/lib/public/js/components/welcome.js

@@ -224,7 +224,9 @@ export const Welcome = ({ onComplete }) => {
 
     try {
       const vars = Object.entries(vals)
-        .filter(([key]) => key !== "MODEL_KEY")
+        .filter(
+          ([key]) => key !== "MODEL_KEY" && !String(key || "").startsWith("_"),
+        )
         .filter(([, v]) => v)
         .map(([key, value]) => ({ key, value }));
       const result = await runOnboard(vars, vals.MODEL_KEY);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chrysb/alphaclaw",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "publishConfig": {
     "access": "public"
   },