Fix run command (hf, not huggingface-cli) + brighter dark mode

The user's terminal showed 'huggingface-cli: command not found' on a fresh
machine. huggingface-cli was deprecated and replaced by 'hf' in
huggingface_hub 1.x. Updated the run-this-task bubble to use:
hf download <id> --repo-type dataset --local-dir <dir> && harbor run ...

Tested end-to-end with the actual dataset (AdithyaSK/dabstep-harbor, task 12):
hf download pulled the full Harbor layout (task.toml/environment/solution/tests).

Dark mode: brighter palette + more visible borders, accents, section headers.
Pop the HF accent and lift the muted/faint text so titles like 'TASKS 450'
and file-tree headers read clearly instead of disappearing into the bg.

static/app.js

@@ -249,9 +249,10 @@ function langFor(path) {
 function harborCmd(kind, ident, taskId) {
   if (kind === 'gh') return `harbor run --task-git-url https://github.com/${ident}.git -i ${taskId} -a oracle`;
   if (kind === 'local') return `harbor run -p ${ident} -i ${taskId} -a oracle`;
-  // hf: pull from the Hub, then run the single task with the oracle agent
+  // hf: pull from the Hub, then run the single task with the oracle agent.
+  // Uses the new `hf` CLI (huggingface_hub 1.x; `huggingface-cli` is deprecated).
   const dir = ident.split('/').pop();
-  return `huggingface-cli download ${ident} --repo-type dataset --local-dir ${dir} && harbor run -p ${dir} -i ${taskId} -a oracle`;
+  return `hf download ${ident} --repo-type dataset --local-dir ${dir} && harbor run -p ${dir} -i ${taskId} -a oracle`;
 }
 
 // Unified dataset+task workspace: tasks side-panel (master) + file tree + content (detail).

static/style.css

@@ -11,13 +11,13 @@
   --radius: 10px; --nav-h: 56px; --maxw: 1500px;
 }
 :root[data-theme="dark"] {
-  --bg: #0b0d12; --panel: #11141b; --panel-2: #1a1e27;
-  --border: #232834; --border-strong: #323847;
-  --text: #f3f4f6; --muted: #9aa1ad; --faint: #646b78;
-  --accent: #ffae45; --accent-soft: rgba(255,174,69,.13);
-  --hf-yellow: #ffd21e; --hf-orange: #ff9d00;
-  --ok: #4ade80; --warn: #fbbf24; --err: #f87171;
-  --hover: #181c24;
+  --bg: #0a0c14; --panel: #14171f; --panel-2: #1e2230;
+  --border: #2c3245; --border-strong: #424a63;
+  --text: #f6f7fa; --muted: #b8bdc9; --faint: #7e8597;
+  --accent: #ffc266; --accent-soft: rgba(255,194,102,.18);
+  --hf-yellow: #ffd21e; --hf-orange: #ffa320;
+  --ok: #5af08a; --warn: #ffc94a; --err: #ff7a7a;
+  --hover: #1f2433;
 }
 * { box-sizing: border-box; }
 html, body { margin: 0; padding: 0; overflow-x: hidden; max-width: 100%; }
@@ -173,7 +173,7 @@ h2 { font-size: 18px; font-weight: 600; margin: 0 0 12px; }
   border-radius: var(--radius); overflow: hidden; min-height: 70vh; }
 .tree { border-right: 1px solid var(--border); background: var(--panel); overflow: auto; max-height: 80vh; }
 .tree .thead2 { padding: 11px 16px; font-size: 11px; letter-spacing: .8px; text-transform: uppercase;
-  color: var(--faint); border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--panel); }
+  color: var(--muted); font-weight: 600; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--panel); }
 .tnode { display: flex; align-items: center; gap: 7px; padding: 6px 14px; cursor: pointer; font-size: 13px;
   color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .tnode:hover { background: var(--hover); color: var(--text); }
@@ -192,7 +192,8 @@ h2 { font-size: 18px; font-weight: 600; margin: 0 0 12px; }
 .tasks-panel { display: flex; flex-direction: column; min-width: 0; border-right: 1px solid var(--border);
   background: var(--panel-2); overflow: hidden; transition: opacity .15s ease; }
 .tasks-panel .tp-head { padding: 11px 14px; font-size: 11px; letter-spacing: .8px; text-transform: uppercase;
-  color: var(--faint); border-bottom: 1px solid var(--border); flex: none; }
+  color: var(--muted); border-bottom: 1px solid var(--border); flex: none; font-weight: 600; }
+.tasks-panel .tp-head .faint { color: var(--faint); font-weight: 400; }
 .tasks-panel .tp-search { display: flex; align-items: center; gap: 7px; padding: 8px 12px; border-bottom: 1px solid var(--border); flex: none; }
 .tasks-panel .tp-search svg { width: 14px; height: 14px; color: var(--faint); flex: none; }
 .tasks-panel .tp-search input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--text); font-family: var(--mono); font-size: 12.5px; }