xtralab 0.7.0 → 0.9.0

package/lib/git/index.d.ts

@@ -1,12 +1,7 @@
 import { JupyterFrontEndPlugin } from '@jupyterlab/application';
 import { CommandArguments, CommandIDs } from './commands';
 /**
- * Every plugin contributed by xtralab's git integration:
- *
- *   1. {@link diffCommandPlugin} — the launcher's `xtralab:git:open-diff`.
- *   2. `diffProviderPlugin` — registers the `@pierre/diffs` rendering as
- *      jupyterlab-git's diff providers (replacing its disabled
- *      notebook/text diff plugins).
+ * Plugins contributed by xtralab's git integration.
  */
 declare const plugins: JupyterFrontEndPlugin<unknown>[];
 export { CommandArguments, CommandIDs };

package/lib/git/index.js

@@ -1,19 +1,14 @@
 import { IThemeManager, WidgetTracker } from '@jupyterlab/apputils';
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
-import { CommandIDs, registerGitCommands } from './commands';
-import { PREVIEW_DIFF_WIDGET_ID, pinnedDiffWidgetId } from './diffWidget';
+import { CommandIDs, PREVIEW_DIFF_WIDGET_ID, pinnedDiffWidgetId, registerGitCommands } from './commands';
 import diffProviderPlugin from './diffProvider';
 const GIT_DIFF_COMMAND_PLUGIN_ID = 'xtralab:git-diff-command';
 const GIT_DIFF_TRACKER_NAMESPACE = 'xtralab-git-diff';
 /**
  * The launcher's git diff command plugin.
  *
- * The `@jupyterlab/git` frontend stays enabled (only its diff plugins are
- * swapped — see `diffProvider.tsx`), so the upstream git panel is what the
- * user sees in the sidebar. This plugin is the launcher dashboard's
- * independent diff path: the `xtralab:git:open-diff` command the
- * dashboard's "Changes" section calls, plus a tracker so reopening a diff
- * reveals the existing tab and the preview/pin behavior keeps working.
+ * The upstream git panel stays enabled; this plugin only gives the launcher
+ * its own `xtralab:git:open-diff` command and preview/pinned-tab tracking.
  */
 const diffCommandPlugin = {
     id: GIT_DIFF_COMMAND_PLUGIN_ID,
@@ -21,9 +16,7 @@ const diffCommandPlugin = {
     autoStart: true,
     optional: [IThemeManager, IRenderMimeRegistry],
     activate: (app, themeManager, rendermime) => {
-        // Track open diff widgets so the openDiff handler can reveal an
-        // already-open diff for the same file instead of creating a duplicate
-        // (and so a promoted preview can find its pinned twin).
+        // Track open diffs so repeated opens reveal the existing tab.
         const tracker = new WidgetTracker({
             namespace: GIT_DIFF_TRACKER_NAMESPACE
         });
@@ -37,13 +30,9 @@ const diffCommandPlugin = {
             themeManager,
             contentsManager: app.serviceManager.contents,
             rendermime,
-            // The launcher polls git status on its own cadence and the
-            // jupyterlab-git panel auto-refreshes on the contents `fileChanged`
-            // signal a hunk-discard save emits, so no extra refresh is needed.
-            onChanged: () => undefined,
             trackDiff: widget => tracker.add(widget),
             onPinned: current => {
-                const existing = findDiff(current.content.change, true);
+                const existing = findDiff(current.change, true);
                 if (existing !== undefined &&
                     existing !== current &&
                     !existing.isDisposed) {
@@ -51,7 +40,7 @@ const diffCommandPlugin = {
                     current.close();
                     return;
                 }
-                current.id = pinnedDiffWidgetId(current.content.change);
+                current.id = pinnedDiffWidgetId(current.change);
                 current.title.className = '';
                 app.shell.activateById(current.id);
             },
@@ -60,12 +49,7 @@ const diffCommandPlugin = {
     }
 };
 /**
- * Every plugin contributed by xtralab's git integration:
- *
- *   1. {@link diffCommandPlugin} — the launcher's `xtralab:git:open-diff`.
- *   2. `diffProviderPlugin` — registers the `@pierre/diffs` rendering as
- *      jupyterlab-git's diff providers (replacing its disabled
- *      notebook/text diff plugins).
+ * Plugins contributed by xtralab's git integration.
  */
 const plugins = [
     diffCommandPlugin,

package/lib/git/notebookDiff.d.ts

@@ -97,7 +97,7 @@ export declare function parseNotebook(text: string): INotebook | null;
  * nbformat allows multiline string fields (`source`, stream `text`,
  * `text/plain` outputs, …) to be either a single string or an array of
  * strings. Normalize to one string so equality checks and diffs see the
- * same shape regardless of how the writer chose to serialise it.
+ * same shape regardless of how the writer chose to serialize it.
  */
 export declare function joinMultiline(value: string | string[] | undefined): string;
 export declare function cellSource(cell: INotebookCell): string;
@@ -160,6 +160,11 @@ export declare function buildNotebookDiff(options: IBuildNotebookDiffOptions): I
 interface INotebookDiffViewProps {
     diff: INotebookDiffResult;
     dark: boolean;
+    /**
+     * Whether a Pierre JupyterLab theme is active; selects Pierre's rich
+     * highlighting vs the CSS-variable theme (see {@link resolveDiffTheme}).
+     */
+    pierreTheme: boolean;
     rendermime: IRenderMimeRegistry | null;
 }
 /**

package/lib/git/notebookDiff.js

@@ -5,6 +5,7 @@ import { MessageLoop } from '@lumino/messaging';
 import { Widget } from '@lumino/widgets';
 import { FileDiff } from '@pierre/diffs/react';
 import { parseDiffFromFile } from '@pierre/diffs';
+import { resolveDiffTheme } from './diffTheme';
 /**
  * The CSS class added to the root of the notebook diff. Selectors that
  * style cell sections, headers, and the per-cell diff blocks hang off this
@@ -50,7 +51,7 @@ function emptyNotebook() {
  * nbformat allows multiline string fields (`source`, stream `text`,
  * `text/plain` outputs, …) to be either a single string or an array of
  * strings. Normalize to one string so equality checks and diffs see the
- * same shape regardless of how the writer chose to serialise it.
+ * same shape regardless of how the writer chose to serialize it.
  */
 export function joinMultiline(value) {
     if (value === undefined) {
@@ -596,8 +597,8 @@ function MarkdownPreviewSection(props) {
  * the orientation clear without a separate column header.
  */
 export function NotebookDiffView(props) {
-    const { diff, dark, rendermime } = props;
-    const theme = dark ? 'pierre-dark' : 'pierre-light';
+    const { diff, dark, pierreTheme, rendermime } = props;
+    const theme = resolveDiffTheme(dark, pierreTheme);
     const summary = React.useMemo(() => summarize(diff.cells), [diff.cells]);
     return (React.createElement("div", { className: NOTEBOOK_DIFF_CSS_CLASS },
         React.createElement(NotebookDiffHeader, { summary: summary }),

package/lib/index.js

@@ -1,5 +1,6 @@
 import agentSessionsPlugin from './agentSessions';
 import fileBrowserPlugin from './fileBrowser';
+import fileTypeIconsPlugin from './fileTypeIcons';
 import editorBreadcrumbsPlugin from './editorBreadcrumbs';
 import editorIndentPlugin from './editorIndent';
 import gitPlugins from './git';
@@ -22,6 +23,7 @@ const plugins = [
     editorBreadcrumbsPlugin,
     editorIndentPlugin,
     fileBrowserPlugin,
+    fileTypeIconsPlugin,
     ...gitPlugins,
     ...launcherPlugins,
     menusPlugin,

package/lib/terminals/model.d.ts

@@ -82,7 +82,7 @@ export declare class SessionRegistry implements IDisposable {
     agentCommandFor(name: string): string | null;
     /**
      * Return the open widget for a session, if any. The panel uses this to
-     * switch behaviour between "activate existing tab" and "open a new tab
+     * switch behavior between "activate existing tab" and "open a new tab
      * connected to the live session".
      */
     widgetFor(name: string): TerminalWidget | null;

package/lib/terminals/model.js

@@ -176,7 +176,7 @@ export class SessionRegistry {
     }
     /**
      * Return the open widget for a session, if any. The panel uses this to
-     * switch behaviour between "activate existing tab" and "open a new tab
+     * switch behavior between "activate existing tab" and "open a new tab
      * connected to the live session".
      */
     widgetFor(name) {

package/lib/terminals/widget.d.ts

@@ -18,7 +18,7 @@ export declare const RUNNING_TERMINALS_ID = "xtralab-running-terminals";
  * Backed by {@link SessionRegistry}: a `UseSignal` re-renders the list
  * whenever the registry emits `stateChanged`, so it tracks
  * `runningChanged` and the agent-title cache without any local state.
- * Click behaviour (activate vs. reopen, shutdown, new terminal) is
+ * Click behavior (activate vs. reopen, shutdown, new terminal) is
  * delegated to plugin-supplied callbacks so the widget never imports
  * `app`.
  */

package/lib/terminals/widget.js

@@ -17,7 +17,7 @@ export const RUNNING_TERMINALS_ID = 'xtralab-running-terminals';
  * Backed by {@link SessionRegistry}: a `UseSignal` re-renders the list
  * whenever the registry emits `stateChanged`, so it tracks
  * `runningChanged` and the agent-title cache without any local state.
- * Click behaviour (activate vs. reopen, shutdown, new terminal) is
+ * Click behavior (activate vs. reopen, shutdown, new terminal) is
  * delegated to plugin-supplied callbacks so the widget never imports
  * `app`.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "xtralab",
-    "version": "0.7.0",
+    "version": "0.9.0",
     "description": "An opinionated JupyterLab meta-package that bundles a curated set of extensions, ships a path-first file browser, renders jupyterlab-git's text, notebook and image diffs with its own viewers, and applies a quieter default workspace configuration.",
     "keywords": [
         "jupyter",
@@ -87,8 +87,8 @@
         "@lumino/polling": "^2.1.5",
         "@lumino/signaling": "^2.0.0",
         "@lumino/widgets": "^2.0.0",
-        "@pierre/diffs": "^1.1.20",
-        "@pierre/trees": "1.0.0-beta.3",
+        "@pierre/diffs": "^1.2.7",
+        "@pierre/trees": "1.0.0-beta.4",
         "detect-indent": "^7.0.2",
         "ignore": "^5.3.2",
         "react": "^18.2.0",

package/schema/plugin.json

@@ -58,6 +58,12 @@
         "command": "xtralab:download",
         "selector": ".jp-xtralab-FileBrowser [data-type=\"item\"][data-item-type=\"file\"]",
         "rank": 10
+      },
+      {
+        "command": "xtralab:reveal-in-file-tree",
+        "args": { "fromTab": true },
+        "selector": "[data-type=\"document-title\"]",
+        "rank": 25
       }
     ]
   },

package/src/fileBrowser/commands.ts

@@ -2,11 +2,14 @@ import { JupyterFrontEnd } from '@jupyterlab/application';
 import {
   Clipboard,
   Dialog,
+  ICommandPalette,
   InputDialog,
   showDialog,
   showErrorMessage
 } from '@jupyterlab/apputils';
 import { PageConfig, PathExt } from '@jupyterlab/coreutils';
+import { IDocumentManager } from '@jupyterlab/docmanager';
+import { ITranslator, nullTranslator } from '@jupyterlab/translation';
 import {
   addIcon,
   closeIcon,
@@ -22,7 +25,7 @@ import {
   refreshIcon
 } from '@jupyterlab/ui-components';
 import { ReadonlyPartialJSONObject } from '@lumino/coreutils';
-import { ContextMenu } from '@lumino/widgets';
+import { ContextMenu, Widget } from '@lumino/widgets';
 
 import { toCanonicalPath, toServerPath } from './contents';
 import { FILE_BROWSER_ID, IXtralabFileBrowser } from './widget';
@@ -47,6 +50,7 @@ export namespace CommandIDs {
   export const createNewDirectory = 'xtralab:create-new-directory';
   export const newLauncher = 'xtralab:new-launcher';
   export const revealPath = 'xtralab:reveal-path';
+  export const revealInFileTree = 'xtralab:reveal-in-file-tree';
 }
 
 /**
@@ -60,6 +64,9 @@ export const OPEN_WITH_SUBMENU_ID = 'jp-contextmenu-xtralab-open-with';
 export interface IRegisterCommandsOptions {
   app: JupyterFrontEnd;
   browser: IXtralabFileBrowser;
+  docManager: IDocumentManager;
+  palette: ICommandPalette | null;
+  translator: ITranslator | null;
 }
 
 /**
@@ -152,6 +159,53 @@ function getWorkingDirectory(browser: IXtralabFileBrowser): string {
   return PathExt.dirname(serverPath);
 }
 
+/**
+ * Resolve the main-area widget whose tab is the target of the current
+ * context-menu event, or `null` when that target is not a document tab. The
+ * shell stamps each tab's `data-id` with its widget id, so the right-clicked
+ * tab resolves even when it is not the current one.
+ *
+ * Valid only during a context-menu invocation: `contextMenuHitTest` reads the
+ * last context-menu event, which is not cleared when the menu closes, so
+ * {@link documentPathToReveal} gates this to avoid resolving a stale tab.
+ */
+function contextMenuTabWidget(app: JupyterFrontEnd): Widget | null {
+  const node = app.contextMenuHitTest(
+    n => n.dataset !== undefined && n.dataset.type === 'document-title'
+  );
+  const id = node?.dataset.id;
+  if (id === undefined) {
+    return null;
+  }
+  for (const widget of app.shell.widgets('main')) {
+    if (widget.id === id) {
+      return widget;
+    }
+  }
+  return null;
+}
+
+/**
+ * Resolve the document to reveal as a canonical `@pierre/trees` path: the
+ * right-clicked tab when `fromContextMenu` is true (the file-tab menu),
+ * otherwise the active main-area widget (the palette). A file's context
+ * `path` is already canonical. Returns `undefined` when nothing resolves.
+ */
+function documentPathToReveal(
+  app: JupyterFrontEnd,
+  docManager: IDocumentManager,
+  fromContextMenu: boolean
+): string | undefined {
+  const widget =
+    (fromContextMenu ? contextMenuTabWidget(app) : null) ??
+    app.shell.currentWidget;
+  if (widget === null) {
+    return undefined;
+  }
+  const path = docManager.contextForWidget(widget)?.path ?? '';
+  return path.length > 0 ? path : undefined;
+}
+
 /**
  * Refresh the "Open With" submenu's items from the document factories that
  * can open the file under the right-click. Mirrors the
@@ -210,8 +264,9 @@ function makeOpenWithUpdater(
  *   the plugin.
  */
 export function registerCommands(opts: IRegisterCommandsOptions): () => void {
-  const { app, browser } = opts;
+  const { app, browser, docManager, palette, translator } = opts;
   const { commands } = app;
+  const trans = (translator ?? nullTranslator).load('jupyterlab');
 
   commands.addCommand(CommandIDs.open, {
     label: args =>
@@ -439,6 +494,23 @@ export function registerCommands(opts: IRegisterCommandsOptions): () => void {
     }
   });
 
+  // Reveal the resolved document in the tree browser via the reveal-path
+  // command, which surfaces the sidebar and scrolls to the target.
+  commands.addCommand(CommandIDs.revealInFileTree, {
+    label: trans.__('Show in File Tree'),
+    caption: trans.__('Show this file in the xtralab file browser'),
+    isEnabled: args =>
+      documentPathToReveal(app, docManager, args.fromTab === true) !==
+      undefined,
+    execute: args => {
+      const path = documentPathToReveal(app, docManager, args.fromTab === true);
+      if (path === undefined) {
+        return undefined;
+      }
+      return commands.execute(CommandIDs.revealPath, { path });
+    }
+  });
+
   commands.addCommand(CommandIDs.createNewDirectory, {
     label: 'New Folder',
     caption: 'Create a new folder',
@@ -479,6 +551,21 @@ export function registerCommands(opts: IRegisterCommandsOptions): () => void {
     }
   });
 
+  // This command's enabled state tracks the active widget, not the tree
+  // selection, so re-evaluate it on current-widget changes. `currentChanged`
+  // is optional on the shell interface.
+  const onCurrentChanged = (): void => {
+    commands.notifyCommandChanged(CommandIDs.revealInFileTree);
+  };
+  app.shell.currentChanged?.connect(onCurrentChanged);
+
+  // Also surface it in the palette (acts on the active editor); the file-tab
+  // context-menu entry is declared in `schema/plugin.json`.
+  const paletteItem = palette?.addItem({
+    command: CommandIDs.revealInFileTree,
+    category: trans.__('File Browser')
+  });
+
   // The static items are declared in `schema/plugin.json` under
   // `jupyter.lab.menus.context` so users can override or disable them. The
   // schema also declares an empty submenu placeholder with id
@@ -489,6 +576,8 @@ export function registerCommands(opts: IRegisterCommandsOptions): () => void {
 
   return () => {
     app.contextMenu.opened.disconnect(updateOpenWithMenu);
+    app.shell.currentChanged?.disconnect(onCurrentChanged);
+    paletteItem?.dispose();
   };
 }
 

package/src/fileBrowser/fileBrowser.tsx

@@ -652,7 +652,10 @@ export function FileBrowserComponent(
         previous?.deselect();
       }
       target.select();
-      model.focusPath(canonicalPath);
+      // `select` highlights the row; `scrollToPath` focuses it and scrolls it
+      // to the middle of the viewport, even when the row is virtualized out of
+      // the rendered window.
+      model.scrollToPath(canonicalPath, { focus: true, offset: 'center' });
     };
 
     /**

package/src/fileBrowser/icons.ts

@@ -1,7 +1,6 @@
 import { LabIcon, fileIcon } from '@jupyterlab/ui-components';
 import {
   createFileTreeIconResolver,
-  getBuiltInFileIconColor,
   getBuiltInSpriteSheet
 } from '@pierre/trees';
 import type { FileTreeIconConfig } from '@pierre/trees';
@@ -121,28 +120,104 @@ function extractSymbol(
 }
 
 /**
- * Return a JupyterLab `LabIcon` matching the icon the xtralab file tree would
- * render for the given file path. Used by other plugins (e.g. the git diff
- * viewer) that want their main-area widget tabs to display the same per-file
- * glyph the tree shows in the sidebar.
+ * Fallback colors for the built-in file icons, keyed by the icon token
+ * `@pierre/trees` resolves for a path (e.g. `python`, `typescript`).
  *
- * Resolves the symbol via the same `@pierre/trees` resolver the tree itself
- * uses, then inlines the symbol's body into a self-contained SVG so the icon
- * works outside the tree's shadow DOM. Falls back to JupyterLab's default
- * `fileIcon` when the sprite cannot be located in either sheet.
+ * The tree only exposes these as `--trees-file-icon-color-<token>` CSS
+ * variables scoped to its shadow host, so they resolve to nothing for the
+ * standalone {@link LabIcon}s {@link getTreeIcon} builds for main-area tabs.
+ * Mirroring them here lets {@link getBuiltInFileIconColor} bottom out in a
+ * real color. Each is a `light-dark(…)` pair for dark themes.
  */
-export function getTreeIcon(filePath: string): LabIcon {
+const BUILT_IN_FILE_ICON_COLOR_FALLBACKS: Record<string, string> = {
+  astro: 'light-dark(#a631be, #d568ea)',
+  babel: 'light-dark(#d5a910, #ffd452)',
+  bash: 'light-dark(#199f43, #5ecc71)',
+  biome: 'light-dark(#1a85d4, #69b1ff)',
+  bootstrap: 'light-dark(#693acf, #9d6afb)',
+  browserslist: 'light-dark(#d5a910, #ffd452)',
+  bun: 'light-dark(#594c5b, #79697b)',
+  c: 'light-dark(#1a85d4, #69b1ff)',
+  claude: 'light-dark(#d47628, #ffa359)',
+  cpp: 'light-dark(#1a85d4, #69b1ff)',
+  css: 'light-dark(#693acf, #9d6afb)',
+  database: 'light-dark(#a631be, #d568ea)',
+  default: 'light-dark(#84848a, #adadb1)',
+  docker: 'light-dark(#1a85d4, #69b1ff)',
+  eslint: 'light-dark(#693acf, #9d6afb)',
+  git: 'light-dark(#ff8c5b, #d5512f)',
+  go: 'light-dark(#1ca1c7, #68cdf2)',
+  graphql: 'light-dark(#d32a61, #ff678d)',
+  html: 'light-dark(#d47628, #ffa359)',
+  image: 'light-dark(#d32a61, #ff678d)',
+  javascript: 'light-dark(#d5a910, #ffd452)',
+  json: 'light-dark(#d47628, #ffa359)',
+  markdown: 'light-dark(#199f43, #5ecc71)',
+  mcp: 'light-dark(#17a5af, #64d1db)',
+  npm: 'light-dark(#d52c36, #ff6762)',
+  oxc: 'light-dark(#1ca1c7, #68cdf2)',
+  postcss: 'light-dark(#d52c36, #ff6762)',
+  prettier: 'light-dark(#17a5af, #64d1db)',
+  python: 'light-dark(#1a85d4, #69b1ff)',
+  react: 'light-dark(#1ca1c7, #68cdf2)',
+  ruby: 'light-dark(#d52c36, #ff6762)',
+  rust: 'light-dark(#d47628, #ffa359)',
+  sass: 'light-dark(#d32a61, #ff678d)',
+  svelte: 'light-dark(#d52c36, #ff6762)',
+  svg: 'light-dark(#d47628, #ffa359)',
+  svgo: 'light-dark(#199f43, #5ecc71)',
+  swift: 'light-dark(#d47628, #ffa359)',
+  table: 'light-dark(#17a5af, #64d1db)',
+  tailwind: 'light-dark(#1ca1c7, #68cdf2)',
+  terraform: 'light-dark(#693acf, #9d6afb)',
+  text: 'light-dark(#84848a, #adadb1)',
+  typescript: 'light-dark(#1a85d4, #69b1ff)',
+  vite: 'light-dark(#a631be, #d568ea)',
+  vscode: 'light-dark(#1a85d4, #69b1ff)',
+  vue: 'light-dark(#199f43, #5ecc71)',
+  wasm: 'light-dark(#693acf, #9d6afb)',
+  webpack: 'light-dark(#1a85d4, #69b1ff)',
+  yml: 'light-dark(#d52c36, #ff6762)',
+  zig: 'light-dark(#d47628, #ffa359)',
+  zip: 'light-dark(#d47628, #ffa359)'
+};
+
+/**
+ * Color the file tree would paint for the built-in icon `token`, as a
+ * self-contained CSS value usable outside the tree's shadow DOM: the tree's
+ * `--trees-file-icon-color-*` properties when in scope, else the literal from
+ * {@link BUILT_IN_FILE_ICON_COLOR_FALLBACKS}. Returns `undefined` for unknown
+ * tokens.
+ */
+function getBuiltInFileIconColor(token: string): string | undefined {
+  const fallback = BUILT_IN_FILE_ICON_COLOR_FALLBACKS[token];
+  if (fallback === undefined) {
+    return undefined;
+  }
+  return `var(--trees-file-icon-color-${token}, var(--trees-file-icon-color, ${fallback}))`;
+}
+
+/**
+ * Resolve a tree glyph into a standalone `LabIcon`.
+ */
+function resolveTreeIcon(filePath: string): {
+  icon: LabIcon | null;
+  specific: boolean;
+} {
   const resolved = treeIconResolver.resolveIcon(
     'file-tree-icon-file',
     filePath
   );
+  // Anything other than the catch-all glyph is specific to this file.
+  const specific =
+    resolved.token !== 'default' && resolved.name !== 'file-tree-icon-file';
   const cached = TREE_ICON_CACHE.get(resolved.name);
   if (cached !== undefined) {
-    return cached;
+    return { icon: cached, specific };
   }
   const symbol = extractSymbol(resolved.name);
   if (symbol === null) {
-    return fileIcon;
+    return { icon: null, specific };
   }
   // Built-in language icons paint with `fill="currentColor"` so the colored
   // tier of the tree can recolor them by setting `color` on the host
@@ -168,5 +243,20 @@ export function getTreeIcon(filePath: string): LabIcon {
     svgstr
   });
   TREE_ICON_CACHE.set(resolved.name, icon);
-  return icon;
+  return { icon, specific };
+}
+
+/**
+ * Return the icon the xtralab file tree would render for `filePath`.
+ */
+export function getTreeIcon(filePath: string): LabIcon {
+  return resolveTreeIcon(filePath).icon ?? fileIcon;
+}
+
+/**
+ * Like {@link getTreeIcon}, but returns `null` for the generic file glyph.
+ */
+export function getSpecificTreeIcon(filePath: string): LabIcon | null {
+  const { icon, specific } = resolveTreeIcon(filePath);
+  return specific ? icon : null;
 }

package/src/fileBrowser/index.ts

@@ -4,10 +4,14 @@ import {
   JupyterFrontEndPlugin
 } from '@jupyterlab/application';
 
+import { ICommandPalette } from '@jupyterlab/apputils';
+
 import { IDocumentManager } from '@jupyterlab/docmanager';
 
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 
+import { ITranslator } from '@jupyterlab/translation';
+
 import { populateToolbar, registerCommands } from './commands';
 import { XtralabFileBrowser } from './widget';
 
@@ -23,12 +27,14 @@ const plugin: JupyterFrontEndPlugin<void> = {
     'A path-first file browser for JupyterLab built on @pierre/trees.',
   autoStart: true,
   requires: [IDocumentManager],
-  optional: [ILayoutRestorer, ISettingRegistry],
+  optional: [ILayoutRestorer, ISettingRegistry, ICommandPalette, ITranslator],
   activate: (
     app: JupyterFrontEnd,
     docManager: IDocumentManager,
     restorer: ILayoutRestorer | null,
-    settingRegistry: ISettingRegistry | null
+    settingRegistry: ISettingRegistry | null,
+    palette: ICommandPalette | null,
+    translator: ITranslator | null
   ): void => {
     const browser = new XtralabFileBrowser({
       contentsManager: app.serviceManager.contents,
@@ -46,7 +52,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
       restorer.add(browser, browser.id);
     }
 
-    registerCommands({ app, browser });
+    registerCommands({ app, browser, docManager, palette, translator });
     populateToolbar({ app, browser });
 
     if (settingRegistry) {