bloby-bot 0.59.0 → 0.60.1

package/supervisor/chat/OnboardWizard.tsx

@@ -87,7 +87,7 @@ const HANDLES = [
 
 /* ── Dropdown ── */
 
-function ModelDropdown({ models, value, onChange, placeholder = 'Choose a model...' }: { models: { id: string; label: string }[]; value: string; onChange: (id: string) => void; placeholder?: string }) {
+function ModelDropdown({ models, value, onChange, placeholder = 'Choose a model...', menuMaxHeight = 'max-h-[320px]' }: { models: { id: string; label: string }[]; value: string; onChange: (id: string) => void; placeholder?: string; menuMaxHeight?: string }) {
   const [open, setOpen] = useState(false);
   const [pos, setPos] = useState<{ top: number; left: number; width: number } | null>(null);
   const btnRef = useRef<HTMLButtonElement>(null);
@@ -135,7 +135,7 @@ function ModelDropdown({ models, value, onChange, placeholder = 'Choose a model.
         <div
           ref={menuRef}
           style={{ position: 'fixed', top: pos.top, left: pos.left, width: pos.width, zIndex: 1000 }}
-          className="bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 max-h-[320px] overflow-y-auto"
+          className={`bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 ${menuMaxHeight} overflow-y-auto`}
         >
           {models.map((m) => (
             <button
@@ -215,7 +215,7 @@ function GoToMenu({ onJump }: { onJump: (step: number) => void }) {
         <div
           ref={menuRef}
           style={{ position: 'fixed', top: pos.top, right: pos.right, zIndex: 1000 }}
-          className="bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 min-w-[200px]"
+          className="bg-[#222] border border-white/[0.08] rounded-xl shadow-xl py-1 min-w-[200px] max-h-[188px] overflow-y-auto"
         >
           {SETTINGS_SCREENS.map((s) => (
             <button
@@ -242,6 +242,7 @@ interface EnvCache {
   values: Record<string, string>;
   originals: Record<string, string>;
   revealed: string[];
+  removed: string[];
   newRows: { id: number; name: string; value: string }[];
   newRowSeq: number;
   saved: boolean;
@@ -266,6 +267,7 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
   const [values, setValues] = useState<Record<string, string>>(cached?.values ?? {});
   const [originals, setOriginals] = useState<Record<string, string>>(cached?.originals ?? {});
   const [revealed, setRevealed] = useState<Set<string>>(new Set(cached?.revealed ?? []));
+  const [removed, setRemoved] = useState<Set<string>>(new Set(cached?.removed ?? []));
   const [newRows, setNewRows] = useState<{ id: number; name: string; value: string }[]>(cached?.newRows ?? []);
   const newRowId = useRef(cached?.newRowSeq ?? 0);
   const [saving, setSaving] = useState(false);
@@ -295,12 +297,14 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
   // Skip while loading so a navigate-away mid-fetch leaves the cache empty → refetch on return.
   useEffect(() => {
     if (loading) return;
-    cacheRef.current = { groups, values, originals, revealed: Array.from(revealed), newRows, newRowSeq: newRowId.current, saved };
+    cacheRef.current = { groups, values, originals, revealed: Array.from(revealed), removed: Array.from(removed), newRows, newRowSeq: newRowId.current, saved };
   });
 
   const validNewRows = newRows.filter((r) => r.name.trim() && r.value.trim() && ENV_NAME_RE.test(r.name.trim()));
-  const changedExisting = Object.keys(values).filter((k) => values[k] !== originals[k]);
-  const dirty = changedExisting.length > 0 || validNewRows.length > 0;
+  const removedExisting = [...removed].filter((k) => k in originals);
+  // An edit to a var that's also marked for removal doesn't count — removal wins.
+  const changedExisting = Object.keys(values).filter((k) => values[k] !== originals[k] && !removed.has(k));
+  const dirty = changedExisting.length > 0 || validNewRows.length > 0 || removedExisting.length > 0;
 
   const toggleReveal = (name: string) => {
     setRevealed((prev) => {
@@ -310,29 +314,41 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
     });
   };
 
+  const toggleRemoved = (name: string) => {
+    setSaved(false);
+    setRemoved((prev) => {
+      const next = new Set(prev);
+      if (next.has(name)) next.delete(name); else next.add(name);
+      return next;
+    });
+  };
+
   const handleSave = async () => {
     if (!dirty || saving) return;
     setSaving(true); setSaveError(''); setSaved(false);
     const vars: Record<string, string> = {};
     for (const k of changedExisting) vars[k] = values[k];
     for (const r of validNewRows) vars[r.name.trim()] = r.value.trim();
+    const removeList = removedExisting;
     try {
       const res = await authFetch('/api/env', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ vars }),
+        body: JSON.stringify({ vars, remove: removeList }),
       });
       if (!res.ok) {
         const d = await res.json().catch(() => ({ error: 'Save failed' }));
         throw new Error(d.error || 'Save failed');
       }
-      // Snapshot of values including the just-added rows, so `dirty` resets after save.
+      // Snapshot of values including the just-added rows and minus the removed ones, so `dirty`
+      // resets after save.
       const merged = { ...values };
       for (const r of validNewRows) merged[r.name.trim()] = r.value.trim();
-      // Surface newly-added vars under a "Custom" group in the UI (the writer appends them
-      // to the file; on next load they'll re-group under whatever section precedes them).
+      for (const k of removeList) delete merged[k];
+      // Drop removed vars from the displayed groups; surface newly-added vars under a "Custom" group
+      // (the writer appends them; on next load they'll re-group under whatever section precedes them).
       setGroups((prev) => {
-        const next = prev.map((g) => ({ ...g, vars: [...g.vars] }));
+        let next = prev.map((g) => ({ ...g, vars: g.vars.filter((v) => !removed.has(v.name)) }));
         const existing = new Set(next.flatMap((g) => g.vars.map((v) => v.name)));
         const toAdd = validNewRows.map((r) => r.name.trim()).filter((nm) => !existing.has(nm));
         if (toAdd.length) {
@@ -340,11 +356,12 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
           if (!custom) { custom = { title: 'Custom', vars: [] }; next.push(custom); }
           for (const nm of toAdd) custom.vars.push({ name: nm, value: merged[nm] });
         }
-        return next;
+        return next.filter((g) => g.vars.length > 0); // hide groups emptied by removal
       });
       setValues(merged);
       setOriginals(merged);
       setNewRows([]);
+      setRemoved(new Set());
       setSaved(true);
       setSaving(false);
     } catch (err: any) {
@@ -387,34 +404,60 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
               </div>
               <div className="space-y-2.5">
                 {g.vars.map((v) => {
-                  const changed = values[v.name] !== originals[v.name];
+                  const isRemoved = removed.has(v.name);
+                  const changed = !isRemoved && values[v.name] !== originals[v.name];
                   const show = revealed.has(v.name);
                   return (
                     <div key={v.name}>
                       <label className="flex items-center gap-1.5 text-[11px] text-white/40 mb-1">
-                        <code className="font-mono text-white/50">{v.name}</code>
+                        <code className={`font-mono ${isRemoved ? 'text-white/30 line-through' : 'text-white/50'}`}>{v.name}</code>
                         {changed && <span className="text-[#0069FE] text-[10px] font-medium">• edited</span>}
+                        {isRemoved && <span className="text-red-400/80 text-[10px] font-medium">• will be removed</span>}
                       </label>
-                      <div className="relative">
-                        <input
-                          type={show ? 'text' : 'password'}
-                          value={values[v.name] ?? ''}
-                          onChange={(e) => setValues((p) => ({ ...p, [v.name]: e.target.value }))}
-                          autoComplete="off"
-                          spellCheck={false}
-                          data-1p-ignore
-                          data-lpignore="true"
-                          className="w-full bg-white/[0.03] border border-white/[0.08] text-white rounded-xl pl-4 pr-10 py-2.5 text-[13px] font-mono outline-none focus:border-[#0069FE]/30 transition-colors"
-                        />
-                        <button
-                          type="button"
-                          onClick={() => toggleReveal(v.name)}
-                          className="absolute right-3 top-1/2 -translate-y-1/2 text-white/30 hover:text-white/60 transition-colors"
-                          aria-label={show ? 'Hide value' : 'Reveal value'}
-                        >
-                          {show ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
-                        </button>
-                      </div>
+                      {isRemoved ? (
+                        <div className="flex items-center gap-2 px-4 py-2.5 rounded-xl border border-red-500/20 bg-red-500/[0.04]">
+                          <span className="flex-1 text-[13px] text-white/30 font-mono">••••••••</span>
+                          <button
+                            type="button"
+                            onClick={() => toggleRemoved(v.name)}
+                            className="text-[11px] text-white/50 hover:text-white/80 transition-colors"
+                          >
+                            Undo
+                          </button>
+                        </div>
+                      ) : (
+                        <div className="flex items-center gap-2">
+                          <div className="relative flex-1">
+                            <input
+                              type={show ? 'text' : 'password'}
+                              value={values[v.name] ?? ''}
+                              onChange={(e) => setValues((p) => ({ ...p, [v.name]: e.target.value }))}
+                              autoComplete="off"
+                              spellCheck={false}
+                              data-1p-ignore
+                              data-lpignore="true"
+                              className="w-full bg-white/[0.03] border border-white/[0.08] text-white rounded-xl pl-4 pr-10 py-2.5 text-[13px] font-mono outline-none focus:border-[#0069FE]/30 transition-colors"
+                            />
+                            <button
+                              type="button"
+                              onClick={() => toggleReveal(v.name)}
+                              className="absolute right-3 top-1/2 -translate-y-1/2 text-white/30 hover:text-white/60 transition-colors"
+                              aria-label={show ? 'Hide value' : 'Reveal value'}
+                            >
+                              {show ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
+                            </button>
+                          </div>
+                          <button
+                            type="button"
+                            onClick={() => toggleRemoved(v.name)}
+                            className="shrink-0 p-2 text-white/25 hover:text-red-400 hover:bg-red-500/[0.06] rounded-lg transition-colors"
+                            title="Remove variable"
+                            aria-label="Remove variable"
+                          >
+                            <Trash2 className="h-4 w-4" />
+                          </button>
+                        </div>
+                      )}
                     </div>
                   );
                 })}
@@ -489,7 +532,7 @@ function EnvSettings({ cacheRef }: { cacheRef: MutableRefObject<EnvCache | null>
         <div className="mt-4 flex items-start gap-2.5 bg-amber-500/[0.06] border border-amber-500/20 rounded-xl px-4 py-3">
           <TriangleAlert className="h-4 w-4 text-amber-400 mt-0.5 shrink-0" />
           <p className="text-amber-300/80 text-[12px] leading-relaxed">
-            API key change detected. Your workspace backend will be restarted when you save.
+            Changes detected. Your workspace backend will be restarted when you save.
           </p>
         </div>
       )}
@@ -534,7 +577,6 @@ interface CronView {
   id: string;
   schedule: string;
   task: string;
-  enabled: boolean;
   oneShot?: boolean;
   paused?: boolean;
   hasTaskFile: boolean;
@@ -740,9 +782,7 @@ function PulseSection({ pulse, original, setPulse, onPulseSaved }: {
             />
           </div>
         </div>
-        <p className="text-white/35 text-[12px] mt-2 leading-relaxed">
-          No pulses fire between these times (your computer's local time). Spanning midnight is fine — e.g. 22:00 → 07:00.
-        </p>
+        <p className="text-white/35 text-[12px] mt-2 leading-relaxed">No pulses fire between these times.</p>
       </div>
 
       {saved && !dirty && (
@@ -777,8 +817,14 @@ function CronsSection({ crons, onChanged, onLocalUpdate }: {
   const [confirmId, setConfirmId] = useState<string | null>(null);
   const [downloading, setDownloading] = useState<Record<string, boolean>>({});
   const [actionError, setActionError] = useState('');
+  const [expanded, setExpanded] = useState<Set<string>>(new Set()); // collapsed by default
 
   const setRowBusy = (id: string, v: 'pause' | 'delete' | undefined) => setBusy((p) => ({ ...p, [id]: v }));
+  const toggleExpanded = (id: string) => setExpanded((prev) => {
+    const next = new Set(prev);
+    if (next.has(id)) next.delete(id); else next.add(id);
+    return next;
+  });
 
   const handleTogglePause = async (c: CronView) => {
     if (busy[c.id]) return;
@@ -869,105 +915,94 @@ function CronsSection({ crons, onChanged, onLocalUpdate }: {
         ) : (
           crons.map((c) => {
             const paused = !!c.paused;
-            const disabled = c.enabled === false;
-            const parked = paused || disabled;
             const rowBusy = busy[c.id];
+            const isOpen = expanded.has(c.id);
             const nextStr = formatNextRun(c.nextRun);
             return (
-              <div key={c.id} className={`rounded-xl border p-3.5 transition-colors ${parked ? 'border-white/[0.05] bg-white/[0.015] opacity-60' : 'border-white/[0.06] bg-white/[0.02]'}`}>
-                <div className="flex items-start gap-3">
-                  <div className={`w-9 h-9 rounded-lg flex items-center justify-center shrink-0 ${c.oneShot ? 'bg-amber-500/10' : 'bg-[#0069FE]/10'}`}>
-                    {c.oneShot ? <Zap className="h-[18px] w-[18px] text-amber-400" /> : <Clock className="h-[18px] w-[18px] text-[#0069FE]" />}
-                  </div>
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-start justify-between gap-2">
-                      <p className="text-[13px] text-white leading-snug">{c.task}</p>
-                      <div className="flex items-center gap-1 shrink-0">
-                        {c.oneShot && (
-                          <span className="inline-flex items-center gap-1 rounded-full bg-amber-500/10 border border-amber-500/20 text-amber-300/90 text-[10px] font-medium px-2 py-0.5">
-                            <Zap className="h-2.5 w-2.5" />One-time
-                          </span>
-                        )}
-                        {paused && (
-                          <span className="inline-flex items-center gap-1 rounded-full bg-white/[0.06] border border-white/[0.08] text-white/50 text-[10px] font-medium px-2 py-0.5">
-                            <Pause className="h-2.5 w-2.5" />Paused
-                          </span>
-                        )}
-                        {disabled && !paused && (
-                          <span className="inline-flex items-center gap-1 rounded-full bg-white/[0.06] border border-white/[0.08] text-white/50 text-[10px] font-medium px-2 py-0.5">
-                            Disabled
-                          </span>
-                        )}
-                      </div>
-                    </div>
-
-                    <div className="mt-1.5 flex items-center gap-1.5 text-[12px] text-white/45">
-                      <Clock className="h-3 w-3 shrink-0 text-white/30" />
-                      <span className="truncate">{c.description}</span>
-                    </div>
-
-                    <div className="mt-1.5">
-                      {parked ? (
-                        <span className="text-[11px] text-white/30">{paused ? "Paused — won't run" : "Disabled — won't run"}</span>
-                      ) : nextStr ? (
-                        <span className="inline-flex items-center gap-1 rounded-md bg-[#0069FE]/[0.08] border border-[#0069FE]/15 text-[#4AA8FF] text-[11px] font-medium px-2 py-0.5">
-                          Next: {nextStr}
-                        </span>
-                      ) : (
-                        <span className="text-[11px] text-white/30">No upcoming run</span>
-                      )}
+              <div key={c.id} className={`rounded-xl border transition-colors ${paused ? 'border-white/[0.05] bg-white/[0.015]' : 'border-white/[0.06] bg-white/[0.02]'}`}>
+                {/* Header row — title + actions (always visible) */}
+                <div className="flex items-center gap-2 p-2.5">
+                  <button
+                    type="button"
+                    onClick={() => toggleExpanded(c.id)}
+                    className="flex items-center gap-2.5 flex-1 min-w-0 text-left"
+                  >
+                    <div className={`w-8 h-8 rounded-lg flex items-center justify-center shrink-0 ${paused ? 'bg-white/[0.04]' : c.oneShot ? 'bg-amber-500/10' : 'bg-[#0069FE]/10'}`}>
+                      {c.oneShot
+                        ? <Zap className={`h-4 w-4 ${paused ? 'text-white/40' : 'text-amber-400'}`} />
+                        : <Clock className={`h-4 w-4 ${paused ? 'text-white/40' : 'text-[#0069FE]'}`} />}
                     </div>
-                  </div>
-                </div>
-
-                <div className="mt-3 flex items-center justify-between gap-2">
-                  {c.hasTaskFile ? (
-                    <button
-                      type="button" onClick={() => handleDownloadTask(c)} disabled={downloading[c.id]}
-                      className="group inline-flex items-center gap-1.5 rounded-md bg-white/[0.04] hover:bg-white/[0.07] border border-white/[0.06] hover:border-white/[0.12] text-white/50 hover:text-white/80 text-[11px] font-mono px-2 py-1 transition-colors disabled:opacity-50"
-                      title="Download task instructions"
-                    >
-                      {downloading[c.id] ? <LoaderCircle className="h-3 w-3 animate-spin" /> : <FileText className="h-3 w-3 shrink-0" />}
-                      {c.id}.md
-                      <Download className="h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity" />
-                    </button>
-                  ) : (<span />)}
+                    <span className={`flex-1 min-w-0 truncate text-[13px] ${paused ? 'text-white/45' : 'text-white'}`}>{c.task || '(untitled task)'}</span>
+                    {paused && (
+                      <span className="shrink-0 text-[10px] font-medium text-white/40 bg-white/[0.05] rounded-full px-2 py-0.5">Paused</span>
+                    )}
+                  </button>
 
                   {confirmId === c.id ? (
-                    <div className="flex items-center gap-1.5">
-                      <span className="text-[11px] text-white/50 mr-0.5">Delete?</span>
+                    <div className="flex items-center gap-1 shrink-0">
+                      <span className="text-[11px] text-white/45 mr-0.5">Delete?</span>
                       <button
                         type="button" onClick={() => handleDelete(c)} disabled={rowBusy === 'delete'}
-                        className="inline-flex items-center gap-1 rounded-md bg-red-500/15 hover:bg-red-500/25 border border-red-500/30 text-red-300 text-[11px] font-medium px-2.5 py-1 transition-colors disabled:opacity-50"
+                        className="inline-flex items-center gap-1 rounded-md bg-red-500/15 hover:bg-red-500/25 border border-red-500/30 text-red-300 text-[11px] font-medium px-2 py-1 transition-colors disabled:opacity-50"
                       >
-                        {rowBusy === 'delete' ? <LoaderCircle className="h-3 w-3 animate-spin" /> : <Trash2 className="h-3 w-3" />}
-                        Delete
+                        {rowBusy === 'delete' ? <LoaderCircle className="h-3 w-3 animate-spin" /> : <Trash2 className="h-3 w-3" />}Delete
                       </button>
                       <button
                         type="button" onClick={() => setConfirmId(null)} disabled={rowBusy === 'delete'}
-                        className="rounded-md text-white/40 hover:text-white/70 text-[11px] px-2 py-1 transition-colors"
+                        className="rounded-md text-white/40 hover:text-white/70 text-[11px] px-1.5 py-1 transition-colors"
                       >
                         Cancel
                       </button>
                     </div>
                   ) : (
-                    <div className="flex items-center gap-1">
+                    <div className="flex items-center gap-0.5 shrink-0">
                       <button
                         type="button" onClick={() => handleTogglePause(c)} disabled={!!rowBusy}
-                        className="inline-flex items-center gap-1 rounded-md text-white/45 hover:text-white/80 hover:bg-white/[0.04] text-[11px] font-medium px-2 py-1 transition-colors disabled:opacity-50"
+                        title={paused ? 'Resume' : 'Pause'} aria-label={paused ? 'Resume' : 'Pause'}
+                        className="p-1.5 rounded-lg text-white/40 hover:text-white/80 hover:bg-white/[0.05] transition-colors disabled:opacity-50"
                       >
-                        {rowBusy === 'pause' ? <LoaderCircle className="h-3 w-3 animate-spin" /> : paused ? <Play className="h-3 w-3" /> : <Pause className="h-3 w-3" />}
-                        {paused ? 'Resume' : 'Pause'}
+                        {rowBusy === 'pause' ? <LoaderCircle className="h-4 w-4 animate-spin" /> : paused ? <Play className="h-4 w-4" /> : <Pause className="h-4 w-4" />}
                       </button>
                       <button
                         type="button" onClick={() => setConfirmId(c.id)} disabled={!!rowBusy}
-                        className="inline-flex items-center gap-1 rounded-md text-white/30 hover:text-red-400 hover:bg-red-500/[0.06] text-[11px] font-medium px-2 py-1 transition-colors disabled:opacity-50"
+                        title="Delete" aria-label="Delete"
+                        className="p-1.5 rounded-lg text-white/30 hover:text-red-400 hover:bg-red-500/[0.06] transition-colors disabled:opacity-50"
+                      >
+                        <Trash2 className="h-4 w-4" />
+                      </button>
+                      <button
+                        type="button" onClick={() => toggleExpanded(c.id)}
+                        title={isOpen ? 'Collapse' : 'Expand'} aria-label={isOpen ? 'Collapse' : 'Expand'}
+                        className="p-1.5 rounded-lg text-white/30 hover:text-white/70 hover:bg-white/[0.05] transition-colors"
                       >
-                        <Trash2 className="h-3 w-3" />Delete
+                        <ChevronDown className={`h-4 w-4 transition-transform ${isOpen ? 'rotate-180' : ''}`} />
                       </button>
                     </div>
                   )}
                 </div>
+
+                {/* Expanded detail — schedule, next run, task file */}
+                {isOpen && (
+                  <div className="px-2.5 pb-3 pl-[52px] -mt-0.5">
+                    <div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-[12px] text-white/45">
+                      <span className="inline-flex items-center gap-1.5"><Clock className="h-3 w-3 text-white/30 shrink-0" />{c.description}</span>
+                      {c.oneShot && <span className="text-amber-300/70">· One-time</span>}
+                      {/* paused is already shown by the header pill — don't repeat it here */}
+                      {!paused && nextStr && <span className="text-[#4AA8FF]">· Next: {nextStr}</span>}
+                    </div>
+                    {c.hasTaskFile && (
+                      <button
+                        type="button" onClick={() => handleDownloadTask(c)} disabled={downloading[c.id]}
+                        className="group mt-2 inline-flex items-center gap-1.5 rounded-md bg-white/[0.04] hover:bg-white/[0.07] border border-white/[0.06] hover:border-white/[0.12] text-white/50 hover:text-white/80 text-[11px] font-mono px-2 py-1 transition-colors disabled:opacity-50"
+                        title="Download task instructions"
+                      >
+                        {downloading[c.id] ? <LoaderCircle className="h-3 w-3 animate-spin" /> : <FileText className="h-3 w-3 shrink-0" />}
+                        {c.id}.md
+                        <Download className="h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity" />
+                      </button>
+                    )}
+                  </div>
+                )}
               </div>
             );
           })
@@ -2087,6 +2122,7 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                     models={SETTINGS_SCREENS.map((s) => ({ id: String(s.step), label: s.label }))}
                     value=""
                     placeholder="Select a setting…"
+                    menuMaxHeight="max-h-[188px]"
                     onChange={(id) => setStep(Number(id))}
                   />
                 </div>

package/supervisor/index.ts

@@ -1447,8 +1447,8 @@ mint();
       req.on('end', () => {
         if (tooLarge) return;
         try {
-          const { vars } = JSON.parse(body) as { vars: Record<string, string> };
-          if (!vars || typeof vars !== 'object') {
+          const { vars, remove } = JSON.parse(body) as { vars?: Record<string, string>; remove?: string[] };
+          if ((!vars || typeof vars !== 'object') && !Array.isArray(remove)) {
             res.writeHead(400, { 'Content-Type': 'application/json' });
             res.end(JSON.stringify({ error: 'Missing vars object' }));
             return;
@@ -1460,7 +1460,20 @@ mint();
             lines = fs.readFileSync(envPath, 'utf-8').split('\n');
           }
 
-          for (const [rawKey, rawValue] of Object.entries(vars)) {
+          // Delete requested keys first (so removing then re-adding the same key in one request
+          // behaves predictably). A key line is `KEY=...` / `KEY =...`.
+          if (Array.isArray(remove)) {
+            for (const rawKey of remove) {
+              const key = String(rawKey).trim();
+              if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(key)) continue;
+              lines = lines.filter((l) => {
+                const t = l.trim();
+                return !(t.startsWith(`${key}=`) || t.startsWith(`${key} =`));
+              });
+            }
+          }
+
+          for (const [rawKey, rawValue] of Object.entries(vars || {})) {
             const key = rawKey.trim();
             // Validate the key as a real env var name; reject anything that could inject extra
             // lines or break .env parsing.
@@ -1552,7 +1565,6 @@ mint();
             id: c.id,
             schedule: c.schedule,
             task: typeof c.task === 'string' ? c.task : '',
-            enabled: !!c.enabled, // mirror the scheduler's `!cron.enabled` skip (undefined → disabled)
             oneShot: !!c.oneShot,
             paused: c.paused === true,
             hasTaskFile: CRON_ID_RE.test(c.id || '') && fs.existsSync(path.join(WORKSPACE_DIR, 'tasks', `${c.id}.md`)),
@@ -2166,7 +2178,9 @@ mint();
       (!req.headers['sec-fetch-dest'] && String(req.headers['accept'] || '').includes('text/html'))
     );
     if (wantsHtml && isBackendDead()) {
-      res.writeHead(503, { 'Content-Type': 'text/html', 'Cache-Control': 'no-store, no-cache, must-revalidate' });
+      // X-Bloby-Origin marks this as the agent's OWN branded page so the relay passes it through
+      // (and never mistakes it for a Cloudflare tunnel error to be replaced).
+      res.writeHead(503, { 'Content-Type': 'text/html', 'X-Bloby-Origin': 'supervisor', 'Cache-Control': 'no-store, no-cache, must-revalidate' });
       res.end(backendDownPage(readBackendLogTail(100)));
       return;
     }
@@ -2174,7 +2188,7 @@ mint();
     // Vite failed to boot (sentinel port) → serve the recovering page directly instead of
     // proxying to a dead port. Chat (/bloby/*) is served earlier, so the lifeline stays up.
     if (vitePorts.dashboard < 0) {
-      res.writeHead(503, { 'Content-Type': 'text/html', 'Cache-Control': 'no-store, no-cache, must-revalidate' });
+      res.writeHead(503, { 'Content-Type': 'text/html', 'X-Bloby-Origin': 'supervisor', 'Cache-Control': 'no-store, no-cache, must-revalidate' });
       res.end(RECOVERING_HTML);
       return;
     }
@@ -2216,7 +2230,7 @@ mint();
     );
     proxy.on('error', (e) => {
       console.error(`[supervisor] Dashboard Vite proxy error: ${req.url}`, e.message);
-      res.writeHead(503, { 'Content-Type': 'text/html' });
+      res.writeHead(503, { 'Content-Type': 'text/html', 'X-Bloby-Origin': 'supervisor' });
       res.end(RECOVERING_HTML);
     });
     req.pipe(proxy);

package/worker/prompts/bloby-system-prompt-codex.txt

@@ -146,14 +146,14 @@ An array of scheduled tasks:
 
 Your human can ask you to:
 - Add a cron ("every morning at 9, summarize my notes")
-- Remove or disable a cron ("stop the daily summary")
+- Remove a cron ("stop the daily summary") — delete its entry from CRONS.json
 - Change a schedule ("move the summary to 8am")
 - List active crons ("what's scheduled?")
 - Set a one-time reminder ("remind me at 3pm to call the dentist")
 
 Just edit `CRONS.json` with the Write or Edit tool when asked. Each cron needs: `id` (unique slug), `schedule` (cron expression), `task` (what to do), `enabled` (boolean). Optionally add `"oneShot": true` for tasks that should run once and auto-delete — the scheduler removes them after they fire. Use `oneShot` for reminders, one-time alerts, and any task that doesn't repeat. The `paused` field is user-controlled — leave it alone (see below).
 
-The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself.** When you edit a cron with the Write or Edit tool (changing its schedule, task, or `enabled`), preserve whatever `paused` value is already there. If your human asks you to "resume" or "unpause" a cron in chat, set `"paused": false` (or delete the field). To disable a cron yourself, use `enabled: false` — leave `paused` for the user. `enabled` is the agent's switch; `paused` is the human's switch; the scheduler skips a cron when EITHER `enabled` is false OR `paused` is true.
+The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself** — preserve whatever `paused` value is already there when you edit a cron. If your human asks you in chat to pause or resume a cron, set `"paused": true` or `"paused": false`. To stop a cron permanently, delete its entry from CRONS.json (and its `tasks/{id}.md` file if it has one).
 
 **Timezone: all cron schedules use system local time.** The scheduler evaluates crons against the system clock — no UTC conversion needed. When creating a cron, run `date` to check the current local time and write the schedule accordingly. If your human says "remind me at 3pm", use `0 15 * * *` — that's 3pm in whatever timezone the system is set to.
 

package/worker/prompts/bloby-system-prompt-pi.txt

@@ -146,14 +146,14 @@ An array of scheduled tasks:
 
 Your human can ask you to:
 - Add a cron ("every morning at 9, summarize my notes")
-- Remove or disable a cron ("stop the daily summary")
+- Remove a cron ("stop the daily summary") — delete its entry from CRONS.json
 - Change a schedule ("move the summary to 8am")
 - List active crons ("what's scheduled?")
 - Set a one-time reminder ("remind me at 3pm to call the dentist")
 
 Just edit `CRONS.json` with the Write or Edit tool when asked. Each cron needs: `id` (unique slug), `schedule` (cron expression), `task` (what to do), `enabled` (boolean). Optionally add `"oneShot": true` for tasks that should run once and auto-delete — the scheduler removes them after they fire. Use `oneShot` for reminders, one-time alerts, and any task that doesn't repeat. The `paused` field is user-controlled — leave it alone (see below).
 
-The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself.** When you edit a cron with the Write or Edit tool (changing its schedule, task, or `enabled`), preserve whatever `paused` value is already there. If your human asks you to "resume" or "unpause" a cron in chat, set `"paused": false` (or delete the field). To disable a cron yourself, use `enabled: false` — leave `paused` for the user. `enabled` is the agent's switch; `paused` is the human's switch; the scheduler skips a cron when EITHER `enabled` is false OR `paused` is true.
+The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself** — preserve whatever `paused` value is already there when you edit a cron. If your human asks you in chat to pause or resume a cron, set `"paused": true` or `"paused": false`. To stop a cron permanently, delete its entry from CRONS.json (and its `tasks/{id}.md` file if it has one).
 
 **Timezone: all cron schedules use system local time.** The scheduler evaluates crons against the system clock — no UTC conversion needed. When creating a cron, run `date` to check the current local time and write the schedule accordingly. If your human says "remind me at 3pm", use `0 15 * * *` — that's 3pm in whatever timezone the system is set to.
 

package/worker/prompts/bloby-system-prompt.txt

@@ -146,14 +146,14 @@ An array of scheduled tasks:
 
 Your human can ask you to:
 - Add a cron ("every morning at 9, summarize my notes")
-- Remove or disable a cron ("stop the daily summary")
+- Remove a cron ("stop the daily summary") — delete its entry from CRONS.json
 - Change a schedule ("move the summary to 8am")
 - List active crons ("what's scheduled?")
 - Set a one-time reminder ("remind me at 3pm to call the dentist")
 
 Just edit `CRONS.json` with the Write or Edit tool when asked. Each cron needs: `id` (unique slug), `schedule` (cron expression), `task` (what to do), `enabled` (boolean). Optionally add `"oneShot": true` for tasks that should run once and auto-delete — the scheduler removes them after they fire. Use `oneShot` for reminders, one-time alerts, and any task that doesn't repeat. The `paused` field is user-controlled — leave it alone (see below).
 
-The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself.** When you edit a cron with the Write or Edit tool (changing its schedule, task, or `enabled`), preserve whatever `paused` value is already there. If your human asks you to "resume" or "unpause" a cron in chat, set `"paused": false` (or delete the field). To disable a cron yourself, use `enabled: false` — leave `paused` for the user. `enabled` is the agent's switch; `paused` is the human's switch; the scheduler skips a cron when EITHER `enabled` is false OR `paused` is true.
+The `paused` field is **user-controlled** — it appears when your human pauses a cron from the Settings → Pulse & Crons screen. A paused cron has `"paused": true` and the scheduler skips it (it will not fire) while keeping the entry and its task file intact. Treat `paused` as read-only: **never set, change, or remove it yourself** — preserve whatever `paused` value is already there when you edit a cron. If your human asks you in chat to pause or resume a cron, set `"paused": true` or `"paused": false`. To stop a cron permanently, delete its entry from CRONS.json (and its `tasks/{id}.md` file if it has one).
 
 **Timezone: all cron schedules use system local time.** The scheduler evaluates crons against the system clock — no UTC conversion needed. When creating a cron, run `date` to check the current local time and write the schedule accordingly. If your human says "remind me at 3pm", use `0 15 * * *` — that's 3pm in whatever timezone the system is set to.