@zq-silk/yui 2.16.0 → 2.18.0

package/dist/web/assets/client/app/catalog.js

@@ -111,10 +111,6 @@ function renderSidebar(deps, progress) {
     reset(deps, progress);
   });
   el.catalogCount.textContent = fill(t("catalog.count"), { shown: state.tasks.length, total: state.catalogTotal });
-  renderSource(el.source, state, t, function (value) {
-    state.source = value; state.attentionFilter = null; state.query = ""; el.search.value = "";
-    syncUrl(state, false); reset(deps, progress);
-  });
   el.catalogReset.hidden = !state.catalogCursor;
   el.catalogNext.hidden = !state.nextCursor && !state.catalogCursor;
   el.catalogAttentionReset.hidden = !state.attentionFilter;
@@ -122,27 +118,6 @@ function renderSidebar(deps, progress) {
   el.lastSync.textContent = state.generatedAt ? formatClock(state.generatedAt, deps.locale()) : "—";
 }
 
-// Task category: search and attention are cross-category, so they show "all";
-// picking a category clears them, as the server filter then applies again.
-function renderSource(container, state, t, onPick) {
-  const current = state.query.trim() || state.attentionFilter ? "all" : state.source || "ordinary";
-  // Bound once; the handler reads the live state, not this render's snapshot.
-  if (!container.childElementCount) {
-    ["ordinary", "job", "all"].forEach(function (value) {
-      container.append(h("button.seg-btn", { type: "button", role: "radio", dataset: { source: value },
-        onclick: function () {
-          if (value !== (state.source || "ordinary") || state.query.trim() || state.attentionFilter) onPick(value);
-        } }));
-    });
-  }
-  container.querySelectorAll("[data-source]").forEach(function (button) {
-    const value = button.dataset.source;
-    button.textContent = t("jobs.categoryShort." + value);
-    button.title = t("jobs.category." + value);
-    button.setAttribute("aria-checked", String(value === current));
-  });
-}
-
 // Redraw the list in place, keeping its scroll position.
 function renderTaskList(deps) {
   const scroll = deps.el.tasks.scrollTop;
@@ -175,9 +150,6 @@ function catalogQuery(state) {
   if (state.filter !== "all") query.set("status", state.filter);
   if (state.query.trim()) query.set("search", state.query.trim());
   if (state.attentionFilter) query.set("attention", state.attentionFilter);
-  // Search and attention remain cross-category discovery; the server owns filtering.
-  if (!state.query.trim() && !state.attentionFilter && state.source !== "all")
-    query.set("source", state.source || "ordinary");
   if (state.catalogCursor) query.set("cursor", state.catalogCursor);
   return query.toString();
 }
@@ -233,7 +205,6 @@ function applyFilters(deps, params) {
   state.query = params.get("q") || "";
   state.attentionFilter = ATTENTION_KINDS.includes(params.get("attention")) ? params.get("attention") : null;
   state.catalogAll = params.get("all") === "true";
-  state.source = ["ordinary", "job", "all"].includes(params.get("source")) ? params.get("source") : "ordinary";
   deps.el.search.value = state.query;
 }
 

package/dist/web/assets/client/app/jobs.js

@@ -0,0 +1,115 @@
+export const JOBS_APP_SCRIPT = String.raw `
+import { h, icon } from "/assets/js/lib/dom.js";
+import { formatClock } from "/assets/js/lib/format.js";
+import { requestJson } from "/assets/js/lib/api.js";
+import { i18n, registerManagePage, navigateManage, replaceManageRoute, pushManageRoute } from "/assets/js/layout/manageShell.js";
+import { mountJobs } from "/assets/js/views/jobs.js";
+
+// The Jobs entry: one shared Job module (the same one the Task page uses)
+// over exactly one scope at a time, global or one owning Task. The scope,
+// the selected Job and Run live in the URL, so deep links, refresh and
+// Back/Forward all reopen the same view. One view is live at a time: a
+// replaced view is retired, so its late reads cannot write this page.
+const t = i18n.t;
+const root = document.querySelector("#jobs-root");
+const index = document.querySelector("#jobs-index");
+const scopeSelect = h("select", { id: "jobs-scope", "aria-describedby": "jobs-scope-help" });
+const scopeLabel = h("label", { for: "jobs-scope" });
+const scopeHelp = h("p.jobs-scope-help", { id: "jobs-scope-help" });
+const listMount = h("div.jobs-index-body");
+// The list head works as on the workbench: one primary "new" action at the
+// top of the list (creating in the selected scope), the last read time and
+// a refresh control in the head. The page itself carries no second title.
+const createLabel = h("span");
+const create = h("button.btn.btn-primary.side-create", { id: "jobs-create", type: "button",
+  onclick: () => { if (view) view.create(); } }, icon("plus"), createLabel);
+const sync = document.querySelector("#jobs-sync");
+const lastSync = document.querySelector("#jobs-last-sync");
+const refreshButton = document.querySelector("#jobs-refresh");
+if (refreshButton) refreshButton.addEventListener("click", () => { if (view && !view.isBusy()) void view.refresh(); });
+index.replaceChildren(create, h("div.jobs-scope", null, scopeLabel, scopeSelect, scopeHelp), listMount);
+let route = null, view = null, mountedScope, scopes = null, scopesError = null;
+
+scopeSelect.addEventListener("change", () => {
+  const task = scopeSelect.value || null;
+  if ((route && route.task) === task) return;
+  if (!navigateManage({ page: "jobs", section: "jobs", task })) drawScopes();
+});
+
+function drawScopes() {
+  createLabel.textContent = t("jobs.newJob");
+  create.title = t("jobs.newJobIn") + " · " + (route && route.task ? route.task : t("jobs.ownerGlobal"));
+  scopeLabel.textContent = t("jobs.scopeLabel");
+  scopeHelp.textContent = scopesError ? t("jobs.scopesError") + " " + scopesError : t("jobs.scopeHelp");
+  scopeHelp.classList.toggle("is-error", !!scopesError);
+  const current = route ? route.task : null;
+  const tasks = scopes ? scopes.tasks.slice() : [];
+  // A deep-linked Task stays selectable even when it has no Job yet.
+  if (current && !tasks.some(item => item.taskId === current)) tasks.unshift({ taskId: current, title: "" });
+  scopeSelect.replaceChildren(h("option", { value: "" }, t("jobs.ownerGlobal")),
+    ...tasks.map(item => h("option", { value: item.taskId }, item.taskId + (item.title ? " · " + item.title : ""))));
+  scopeSelect.value = current || "";
+}
+async function loadScopes() {
+  try { scopes = await requestJson("/api/jobs/scopes"); scopesError = null; }
+  catch (error) { scopesError = error.message; }
+  drawScopes();
+}
+function mount(next) {
+  if (view) view.dispose();
+  mountedScope = next.task || null;
+  let self = null;
+  self = view = mountJobs(root, t, mountedScope || undefined, {
+    index: listMount,
+    navigate: selection => navigateManage({ ...route, job: selection.job, jobRun: null, artifact: null, moved: undefined }),
+    pin: (selection, step) => pin(self, selection, step),
+    sync: observation => observe(self, observation),
+    notice: next.moved ? t("jobs.moved") : "",
+    locale: i18n.getLocale
+  });
+}
+// The last read of the live view, in the list head (as the workbench's sync).
+function observe(owner, observation) {
+  if (owner !== view || !sync) return;
+  sync.dataset.state = observation.state;
+  if (observation.at) lastSync.textContent = formatClock(observation.at, i18n.getLocale());
+  sync.title = observation.text;
+}
+// Only the live view, while Jobs is the shown page, records its selection.
+// A Run the reader opened or closed in place is a history step; anything else
+// the view settles on refines the current entry.
+function pin(owner, selection, step) {
+  if (owner !== view || root.hidden || !route || route.page !== "jobs") return;
+  route = { ...route, ...selection, moved: undefined };
+  if (step) pushManageRoute(route); else replaceManageRoute(route);
+}
+function show(next) {
+  route = next;
+  drawScopes();
+  if (!view || mountedScope !== (next.task || null)) mount(next);
+  else { view.resume(); view.select(next.job, next.jobRun, next.artifact); }
+}
+// Leaving Jobs sets a modal editor aside (its draft is kept for the return).
+function hide() { if (view) view.suspend(); }
+// Asked before any route change that leaves or enters Jobs, whatever its
+// source. Leaving Jobs keeps its view (hidden) as it is; a change of scope or
+// Job replaces the editor, so a draft needs confirmation; while a write is in
+// flight the selection stays put so its receipt remains observable.
+function canNavigate(next) {
+  if (!view || next.page !== "jobs" || !route) return true;
+  const same = key => (next[key] || null) === (route[key] || null);
+  if ((next.task || null) === mountedScope && same("job") && same("jobRun") && same("artifact")) return true;
+  if (view.isBusy() && root.hidden) { window.alert(t("jobs.leaveBusy")); return false; }
+  return view.leave((next.task || null) !== mountedScope || !same("job"));
+}
+registerManagePage("jobs", { show, hide, canNavigate, crumb: () => route && route.task ? route.task : t("jobs.ownerGlobal") });
+void loadScopes();
+i18n.subscribe(() => {
+  drawScopes();
+  if (route && route.page === "jobs" && view && !view.isDirty() && !view.isBusy()) mount({ ...route, moved: false });
+});
+window.addEventListener("beforeunload", event => {
+  if (!view || !view.isDirty()) return;
+  event.preventDefault(); event.returnValue = "";
+});
+`;

package/dist/web/assets/client/app/main.js

@@ -7,7 +7,8 @@ export const APP_SCRIPT = String.raw `
 // Everything kept in the browser is view state; Task facts always come from
 // the loopback API.
 //
-//   layout/workspace  sidebar | center | dock columns, dock modes, sizing
+//   layout/workspace  sidebar | center | dock columns, dock views, sizing
+//   views/dock/session  the dock's session page: one Role and Session, chat or terminal
 //   app/taskView      draws the selected Task, the dock discussion, the overview
 //   app/selection     selected Task, its detail reads, URL-driven navigation
 //   app/catalog       refresh loop, sidebar, catalog paging and filters
@@ -17,21 +18,20 @@ export const APP_SCRIPT = String.raw `
 //   refresh  catalog.refresh → sidebar, then the overview (nothing selected)
 //            or selection.reload → taskView.render
 //   select   sidebar row / overview row / URL → selection.selectTask
-//   leave    rail Workbench or Escape → selection.clearSelection
+//   leave    rail Tasks or Escape → selection.clearSelection
 //   write    Task page or discussion afterWrite → quiet catalog refresh
 //   URL      load and back/forward → catalog.applyFilters + selection.followUrl
 import { createI18n } from "/assets/js/lib/i18n.js";
 import { createThemeController } from "/assets/js/lib/theme.js";
 import { api } from "/assets/js/lib/api.js";
 import { createToast } from "/assets/js/ui/toast.js";
-import { createTerminalController } from "/assets/js/views/dock/terminal.js";
-import { createConversationController } from "/assets/js/views/dock/conversation.js";
+import { createSessionPage } from "/assets/js/views/dock/session.js";
 import { createPreviewController } from "/assets/js/views/dock/preview.js";
 import { bindGlobalInput } from "/assets/js/views/globalInput.js";
 import { bindCreateTask } from "/assets/js/views/createTask.js";
 import { bindBodySearch } from "/assets/js/views/bodySearch.js";
-import { readQuery } from "/assets/js/layout/router.js";
-import { rememberPlace, linkPlaces } from "/assets/js/lib/prefs.js";
+import { readQuery, applyUrl } from "/assets/js/layout/router.js";
+import { rememberPlace, linkPlaces, readSessionAccessMode } from "/assets/js/lib/prefs.js";
 import { createWorkspace } from "/assets/js/layout/workspace.js";
 import { createSidebarNav } from "/assets/js/layout/sidebarNav.js";
 import { bindShortcuts } from "/assets/js/layout/shortcuts.js";
@@ -43,7 +43,7 @@ const $ = function (selector) { return document.querySelector(selector); };
 const el = {
   sidebar: $(".sidebar"), rail: $(".app-rail"), railWorkbench: $("#rail-workbench"),
   sidebarScrim: $("#sidebar-scrim"), sidebarCollapse: $("#sidebar-collapse"), sidebarDivider: $("#sidebar-divider"), center: $("#center"), detail: $("#detail"),
-  search: $("#search"), source: $("#catalog-source"), filters: $("#status-filters"), attention: $("#attention-bar"), tasks: $("#task-list"),
+  search: $("#search"), filters: $("#status-filters"), attention: $("#attention-bar"), tasks: $("#task-list"),
   catalogNext: $("#catalog-next"), catalogReset: $("#catalog-reset"), catalogCount: $("#catalog-count"),
   catalogAttentionReset: $("#catalog-attention-reset"),
   refresh: $("#refresh"), sync: $("#sync-state"), lastSync: $("#last-sync"), toast: $("#toast"),
@@ -51,12 +51,10 @@ const el = {
   dockTargetOptions: $("#dock-target-options"), globalInputOpen: $("#global-input-open"), settings: $("#settings-dialog"),
   locale: $("#locale-select"), themeOptions: $("#theme-options"),
   dock: $("#dock"), divider: $("#dock-divider"), dockSwap: $("#dock-swap"), dockClose: $("#dock-close"),
-  dockTabDiscussion: $("#dock-tab-discussion"), dockTabSession: $("#dock-tab-session"),
+  dockTabDiscussion: $("#dock-tab-discussion"),
   dockTabConversation: $("#dock-tab-conversation"), conversation: $("#dock-conversation"),
   dockTabPreview: $("#dock-tab-preview"), preview: $("#dock-preview"),
-  discussion: $("#dock-discussion"), session: $("#dock-session"),
-  terminalHost: $("#terminal-host"), terminalEmpty: $("#terminal-empty"), terminalState: $("#terminal-state"),
-  sessionTargets: $("#session-targets"), settingsOpen: $("#settings-open"), terminalCli: $("#terminal-cli")
+  discussion: $("#dock-discussion"), settingsOpen: $("#settings-open")
 };
 
 // View state. Each group has exactly one writer.
@@ -77,28 +75,23 @@ const t = i18n.t;
 const locale = i18n.getLocale;
 const theme = createThemeController(el.themeOptions, t);
 const toast = createToast(el.toast);
-const conversation = createConversationController(el.conversation, t, locale);
 const preview = createPreviewController(el.preview, t);
-const terminal = createTerminalController({
-  host: el.terminalHost, empty: el.terminalEmpty, state: el.terminalState, targets: el.sessionTargets, cli: el.terminalCli
-}, t, locale, toast);
-theme.subscribe(function () { terminal.retheme(); });
+// The mode changed inside the session page: the dock header follows it.
+const session = createSessionPage(el.conversation, t, locale, toast, function () { workspace.syncDockButtons(); });
+theme.subscribe(function () { session.retheme(); });
 
 // Controllers are created in dependency order; the arrow callbacks below are
 // the only edges pointing at controllers created later.
 let taskView = null;
 let selection = null;
 let catalog = null;
-const workspace = createWorkspace({
-  el: el, state: state, t: t, terminal: terminal, conversation: conversation, preview: preview,
-  sessionOpened: function () { taskView.updateSessionTargets(); }
-});
+const workspace = createWorkspace({ el: el, state: state, t: t, session: session, preview: preview });
 const sidebarNav = createSidebarNav({
   el: { sidebar: el.sidebar, rail: el.rail, scrim: el.sidebarScrim, collapse: el.sidebarCollapse },
   relayout: function () { workspace.updateLayout(); }
 });
 taskView = createTaskView({
-  el: el, state: state, t: t, locale: locale, api: api, toast: toast, terminal: terminal, workspace: workspace,
+  el: el, state: state, t: t, locale: locale, api: api, toast: toast, workspace: workspace,
   selectTask: function (taskId) { return selection.selectTask(taskId); },
   clearSelection: function () { selection.clearSelection(); },
   revealSidebar: function () { sidebarNav.reveal(); },
@@ -121,16 +114,16 @@ bindCreateTask({ t: t, api: api, selectTask: selection.selectTask,
   afterWrite: function () { catalog.refresh({ quiet: true }); } });
 bindBodySearch({ t: t, api: api, selectTask: selection.selectTask,
   currentTask: function () { return state.selected; },
-  captureDraftTarget: conversation.captureDraftTarget, insertReference: conversation.insertReference });
+  captureDraftTarget: session.captureDraftTarget, insertReference: session.insertReference });
 bindShortcuts({
   el: el, state: state, globalInput: globalInput, workspace: workspace, sidebarNav: sidebarNav,
   selection: selection, catalog: catalog, taskView: taskView
 });
-// Workbench <-> Models/Settings: each side remembers where the user was, so a
+// Tasks <-> Jobs/Models/Settings: each side remembers where the user was, so a
 // round trip returns to the same filters, Task and management section.
 function rememberWorkbench() { rememberPlace("workbench", window.location.pathname + window.location.search); }
 el.rail.querySelectorAll("a[data-nav-area]").forEach(function (link) { link.addEventListener("click", rememberWorkbench); });
-// The rail's Workbench entry on the workbench itself returns to the overview.
+// The rail's Tasks entry on the Task workbench itself returns to the overview.
 el.railWorkbench.addEventListener("click", function (event) {
   if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
   event.preventDefault();
@@ -142,9 +135,20 @@ function linkAll() { linkPlaces(el.rail); linkPlaces(el.sidebar); }
 window.addEventListener("pageshow", linkAll);
 linkAll();
 
+// The retired Task category filter (?source=ordinary|job|all): the Task
+// list now always shows every real Task, so drop the parameter in place
+// (no extra history step) and say why once; Jobs have their own entry.
+let sourceHinted = false;
+function stripRetiredSource(params) {
+  if (!params.has("source")) return params;
+  params.delete("source");
+  applyUrl(params, true);
+  if (!sourceHinted) { sourceHinted = true; toast(t("catalog.sourceRemoved")); }
+  return params;
+}
 // The URL names the catalog filters and the selected Task (with its section).
 function applyStateFromUrl() {
-  const params = readQuery();
+  const params = stripRetiredSource(readQuery());
   catalog.applyFilters(params);
   selection.followUrl(params);
 }
@@ -155,7 +159,7 @@ window.addEventListener("popstate", function () {
 
 i18n.subscribe(function () {
   theme.render();
-  terminal.relabel();
+  session.relabel();
   catalog.renderSidebar();
   taskView.relabel();
   workspace.updateLayout();
@@ -164,8 +168,8 @@ i18n.subscribe(function () {
 workspace.updateLayout();
 taskView.showOverview();
 // The panel starts closed: name its owner without polling until it opens.
-conversation.open({ scope: "global", roleName: "operator" });
-conversation.close();
+session.open({ scope: "global", roleName: "operator" }, { mode: readSessionAccessMode() === "native" ? "terminal" : "chat" });
+session.close();
 applyStateFromUrl();
 catalog.refresh();
 window.setInterval(function () { catalog.refresh({ quiet: true }); }, 5000);

package/dist/web/assets/client/app/manage.js

@@ -1,6 +1,7 @@
 export const MANAGE_SCRIPT = String.raw `
 import "/assets/js/app/settings.js";
 import "/assets/js/app/models.js";
+import "/assets/js/app/jobs.js";
 import { startManagement } from "/assets/js/layout/manageShell.js";
 import { createSidebarNav } from "/assets/js/layout/sidebarNav.js";
 import { isEditing } from "/assets/js/lib/dom.js";

package/dist/web/assets/client/app/settings.js

@@ -8,7 +8,6 @@ import { createThemeController } from "/assets/js/lib/theme.js";
 import { clearPreference, readSessionAccessMode, writeSessionAccessMode } from "/assets/js/lib/prefs.js";
 import { i18n, createManageShell, pageSections, registerManagePage, navigateManage } from "/assets/js/layout/manageShell.js";
 import { mountSkills } from "/assets/js/views/skills.js";
-import { mountJobs } from "/assets/js/views/jobs.js";
 import { mountPermissions } from "/assets/js/views/permissions.js";
 
 const $ = selector => document.querySelector(selector);
@@ -20,14 +19,12 @@ function readSection() {
   return SECTIONS.includes(section) ? section : SECTIONS[0];
 }
 let section = readSection();
-let jobs;
 let permissions;
 const shell = createManageShell({ page: "settings", t, onNavigate: navigate });
 function showSection(next) {
   section = next;
   document.querySelectorAll("#settings-root > .manage-section[data-section]").forEach(panel => { panel.hidden = panel.dataset.section !== next; });
   shell.set(next);
-  if (next === "jobs" && !jobs) jobs = mountJobs($("#global-jobs"), t);
   if (next === "permissions" && !permissions) permissions = mountPermissions($("#permission-browser"), t);
 }
 function navigate(next) {
@@ -41,7 +38,6 @@ function markDirty(name, value) {
 registerManagePage("settings", { show: next => showSection(next.section) });
 i18n.subscribe(() => shell.render());
 i18n.subscribe(() => {
-  if (jobs && !jobs.isDirty() && !jobs.isBusy()) jobs = mountJobs($("#global-jobs"), t);
   permissions?.translate();
 });
 showSection(section);
@@ -69,7 +65,7 @@ let searchTimer;
 const more = h("button.btn", { type: "button", hidden: true }, t("settings.more"));
 container.after(more);
 window.addEventListener("beforeunload", event => {
-  if (!groups.some(g => g.dirty) && !jobs?.isDirty()) return;
+  if (!groups.some(g => g.dirty)) return;
   event.preventDefault(); event.returnValue = "";
 });
 

package/dist/web/assets/client/app/taskView.js

@@ -12,7 +12,6 @@ import { renderOverview } from "/assets/js/views/overview.js";
 import { renderTaskDetail, selectTab, TABS, TAB_ALIASES } from "/assets/js/views/task/page.js";
 import { updateObservation } from "/assets/js/views/task/observation.js";
 import { renderDiscussion, discussionHasUnsent } from "/assets/js/views/dock/discussion.js";
-import { sameTarget } from "/assets/js/views/dock/terminal.js";
 import { setSectionParam } from "/assets/js/layout/router.js";
 import { enter } from "/assets/js/lib/motion.js";
 
@@ -29,14 +28,13 @@ function runtimeSignature(detail) {
   }).join(",");
 }
 
-// deps: { el, state, t, locale, api, toast, terminal, workspace,
+// deps: { el, state, t, locale, api, toast, workspace,
 //         selectTask, clearSelection, revealSidebar, pickAttention, readPageSessions, refreshCatalog }
 //   el         #detail, #center and the dock discussion
 //   state      reads selected, detail, detailKey and the catalog fields the
 //              overview shows; writes activeTab
 //   api        Task reads for lazy blocks and the Task page's writes
-//   terminal   the dock's native Session (views/dock/terminal)
-//   workspace  layout/workspace: dock toggles and opening Sessions
+//   workspace  layout/workspace: dock toggles, the session page and its Role list
 //   selectTask(taskId)  an overview row was chosen (app/selection)
 //   clearSelection()    the Task page's "Tasks" crumb (app/selection)
 //   revealSidebar()     the page header's task-list switch (layout/sidebarNav)
@@ -155,7 +153,7 @@ function detailContext(view) {
     },
     onBack: deps.clearSelection,
     revealSidebar: deps.revealSidebar,
-    showDock: deps.workspace.toggleDock,
+    togglePanel: function () { deps.workspace.toggleDock(); },
     toggleOperator: deps.workspace.toggleOperator,
     openConversation: function (materials) {
       deps.workspace.openConversation({ scope: "task", taskId: deps.state.selected, roleName: "leader" }, materials);
@@ -239,8 +237,8 @@ function drawDetail(deps, ctx) {
   el.center.scrollTop = scroll;
 }
 
-// The dock's Session chips: every role of the selected Task plus the global
-// operator, keeping the Session currently open even when it left the list.
+// The Roles the dock's target menu offers: every Role of the selected Task,
+// with whether it has a live native Session (Operator is always offered).
 function updateSessionTargets(deps) {
   const detail = deps.state.detail;
   const targets = [];
@@ -252,10 +250,7 @@ function updateSessionTargets(deps) {
         live: !!(runtimeRole && runtimeRole.runtimeSession && runtimeRole.runtimeSession.nativeSessionId) });
     });
   }
-  targets.push({ scope: "global", roleName: "operator" });
-  const current = deps.terminal.current();
-  if (current && !targets.some(function (target) { return sameTarget(target, current); })) targets.unshift(current);
-  deps.terminal.setTargets(targets);
+  deps.workspace.setTargets(targets);
 }
 
 function showOverview(deps) {
@@ -264,6 +259,7 @@ function showOverview(deps) {
     select: deps.selectTask,
     filterAttention: deps.pickAttention,
     readSessions: deps.readPageSessions,
+    togglePanel: function () { deps.workspace.toggleDock(); },
     toggleOperator: deps.workspace.toggleOperator,
     revealSidebar: deps.revealSidebar
   });