Move the task picker into the right pane and drop the switcher from it

web/dist/panes.js

@@ -4,7 +4,8 @@ import { h, replace } from "./dom.js";
 import { mountFiles } from "./files.js";
 import { mountInbox } from "./inbox.js";
 import { mountLead } from "./lead.js";
-import { focusTab, on, state, tabs } from "./state.js";
+import { openSwitcher } from "./navbar.js";
+import { findTask, focusedProject, focusTab, on, onEach, state, tabs } from "./state.js";
 import { mountProject } from "./project.js";
 import { mountTranscript } from "./task.js";
 const views = {
@@ -22,8 +23,15 @@ export function leadPane() {
 export function taskPane() {
     const strip = h("nav", { class: "pane-tabs" });
     const body = h("div", { class: "pane-body" });
+    const picker = h("button", { class: "task-picker", title: "Switch task (⌘K)" });
+    picker.onclick = openSwitcher;
     let shown;
     let dispose = () => { };
+    const renderPicker = () => {
+        const task = state.selectedTaskId ? findTask(state.selectedTaskId) : undefined;
+        const project = focusedProject();
+        replace(picker, task ? `${project?.name ?? ""} ▸ ${task.title}` : (project?.name ?? "No task"), " ▾");
+    };
     const render = () => {
         const first = state.focus.tabs.filter((t, i, all) => tabs.includes(t) && all.indexOf(t) === i);
         const order = [...first, ...tabs.filter((t) => !first.includes(t))];
@@ -32,7 +40,7 @@ export function taskPane() {
             const b = h("button", { class: t === tab ? "active" : "" }, views[t].label);
             b.onclick = () => focusTab(t);
             return b;
-        }));
+        }), h("span", { class: "spacer" }), picker);
         if (tab === shown) {
             return;
         }
@@ -43,7 +51,9 @@ export function taskPane() {
         dispose = views[tab].mount(root);
     };
     on("focus", render);
+    onEach(["projects", "tasks", "selection", "focus"], renderPicker);
     render();
+    renderPicker();
     const pane = h("section", { class: "pane", tabIndex: -1 }, strip, body);
     trackPaneFocus(pane);
     return pane;