@opensumi/ide-notebook 3.5.1-next-1731935606.0 → 3.5.1-next-1732847732.0

package/lib/browser/variables/variable-view.js

@@ -0,0 +1,242 @@
+import { __decorate, __metadata } from "tslib";
+import { SearchOutlined, SelectOutlined } from '@ant-design/icons';
+import { LibroContextKey, LibroJupyterModel, NotebookCommands } from '@difizen/libro-jupyter/noeditor';
+import { BaseView, CommandRegistry, ThemeService, ViewInstance, inject, prop, transient, useInject, view, } from '@difizen/mana-app';
+import { Input, List, Tag, Tooltip, message } from 'antd';
+import React, { forwardRef } from 'react';
+import './index.less';
+import { DisposableCollection, localize } from '@opensumi/ide-core-common';
+import { Languages } from './inspector-script';
+const LibroVariableComponent = forwardRef((props, ref) => {
+    const instance = useInject(ViewInstance);
+    const themeService = useInject(ThemeService);
+    const libroContextKey = useInject(LibroContextKey);
+    return (React.createElement("div", { ref: ref, className: 'libro-variable-content' },
+        React.createElement("div", { className: 'libro-variable-search' },
+            React.createElement(Input, { className: 'libro-variable-search-input', placeholder: localize('notebook.variable.panel.search.placeholder'), prefix: React.createElement(SearchOutlined, null), onChange: (e) => instance.search(e.target.value), onFocus: () => {
+                    libroContextKey.disableCommandMode();
+                }, onBlur: () => {
+                    libroContextKey.enableCommandMode();
+                } }),
+            React.createElement("img", { src: `${themeService.getCurrentTheme().type === 'dark'
+                    ? 'https://mdn.alipayobjects.com/huamei_xt20ge/afts/img/A*rY0oTpYcmZsAAAAAAAAAAAAADiuUAQ/original'
+                    : 'https://mdn.alipayobjects.com/huamei_xt20ge/afts/img/A*VApRSqHz8wQAAAAAAAAAAAAADiuUAQ/original'}`, onClick: instance.refresh, className: 'libro-variable-search-extra' })),
+        React.createElement(List, { className: 'libro-variable-list', itemLayout: 'horizontal', dataSource: instance.filteredList, renderItem: (item) => {
+                const DesrendeItem = () => React.createElement(Tooltip, { title: item.varContent }, item.varContent);
+                return (React.createElement(List.Item, null,
+                    React.createElement(List.Item.Meta, { title: React.createElement("div", { className: 'libro-variable-title' },
+                            React.createElement("span", { className: 'libro-variable-name' },
+                                item.varName,
+                                React.createElement(Tag, { className: 'libro-variable-type-tag', bordered: false }, item.varType)),
+                            React.createElement(Tooltip, { placement: 'top', title: localize('notebook.variable.panel.show.detail') },
+                                React.createElement(SelectOutlined, { onClick: () => instance.showVariable(item), className: 'libro-variable-extra' }))), description: React.createElement(DesrendeItem, null) })));
+            } })));
+});
+let LibroVariablePanelView = class LibroVariablePanelView extends BaseView {
+    constructor() {
+        super(...arguments);
+        this.connectorToDispose = new DisposableCollection();
+        this.kernelInited = false;
+        this.view = LibroVariableComponent;
+        this.showVariable = async (variable) => {
+            if (!this.parent) {
+                return;
+            }
+            let activeIndex = this.parent.model.cells.length;
+            if (this.parent.activeCell) {
+                activeIndex = this.parent.findCellIndex(this.parent.activeCell) + 1;
+            }
+            await this.parent.addCell({
+                cell: {
+                    cell_type: 'code',
+                    source: variable.varName,
+                    metadata: {},
+                    outputs: [],
+                },
+            }, activeIndex);
+            const cell = this.parent.model.cells[activeIndex];
+            window.requestAnimationFrame(() => {
+                var _a;
+                (_a = this.commands) === null || _a === void 0 ? void 0 : _a.executeCommand(NotebookCommands.RunCell.id, cell, this.parent);
+            });
+        };
+        this.pause = () => {
+            this.connectorToDispose.dispose();
+            this.connectorToDispose = new DisposableCollection();
+        };
+        this.search = (v) => {
+            this.searchValue = v;
+        };
+        /*
+         * Invokes a inspection if the signal emitted from specified session is an 'execute_input' msg.
+         */
+        this.queryCall = (msg) => {
+            var _a, _b, _c;
+            const msgType = msg.header.msg_type;
+            switch (msgType) {
+                case 'execute_input': {
+                    const code = msg.content.code;
+                    if (!(code === ((_a = this.languageModel) === null || _a === void 0 ? void 0 : _a.queryCommand)) &&
+                        !(code === ((_b = this.languageModel) === null || _b === void 0 ? void 0 : _b.matrixQueryCommand)) &&
+                        !code.startsWith(((_c = this.languageModel) === null || _c === void 0 ? void 0 : _c.widgetQueryCommand) || '')) {
+                        this.performInspection();
+                    }
+                    break;
+                }
+                default:
+                    break;
+            }
+        };
+        this.refresh = async () => {
+            try {
+                await this.performInspection();
+                message.success(localize('notebook.variable.panel.refresh.success', 'Variable refresh successful'));
+            }
+            catch (ex) {
+                message.error(localize('notebook.variable.panel.refresh.error', 'Variable refresh failed'));
+            }
+        };
+        /**
+         * Performs an inspection by sending an execute request with the query command to the kernel.
+         */
+        this.performInspection = () => {
+            const content = {
+                code: this.languageModel.queryCommand,
+                stop_on_error: false,
+                store_history: false,
+            };
+            return this.fetch(content, this.handleQueryResponse);
+        };
+        this.handleQueryResponse = (response) => {
+            const msgType = response.header.msg_type;
+            switch (msgType) {
+                case 'execute_result': {
+                    const payload = response;
+                    let content = payload.content.data['text/plain'];
+                    if (content.slice(0, 1) === "'" || content.slice(0, 1) === '"') {
+                        content = content.slice(1, -1);
+                        content = content.replace(/\\"/g, '"').replace(/\\'/g, "'");
+                    }
+                    const update = JSON.parse(content);
+                    this.list = update;
+                    break;
+                }
+                case 'display_data': {
+                    const payloadDisplay = response;
+                    let contentDisplay = payloadDisplay.content.data['text/plain'];
+                    if (contentDisplay.slice(0, 1) === "'" || contentDisplay.slice(0, 1) === '"') {
+                        contentDisplay = contentDisplay.slice(1, -1);
+                        contentDisplay = contentDisplay.replace(/\\"/g, '"').replace(/\\'/g, "'");
+                    }
+                    const updateDisplay = JSON.parse(contentDisplay);
+                    this.list = updateDisplay;
+                    break;
+                }
+                default:
+                    break;
+            }
+        };
+        this.fetch = async (content, ioCallback) => {
+            const model = this.parent.model;
+            await model.kcReady;
+            const connection = model.kernelConnection;
+            const future = connection.requestExecute(content);
+            future.onIOPub = (msg) => {
+                ioCallback(msg);
+            };
+            return future.done;
+        };
+    }
+    get filteredList() {
+        if (!this.searchValue) {
+            return this.list;
+        }
+        if (!this.list) {
+            return undefined;
+        }
+        return this.list.filter((item) => {
+            if (!this.searchValue) {
+                return true;
+            }
+            return item.varName.includes(this.searchValue);
+        });
+    }
+    async update() {
+        if (!this.parent) {
+            return;
+        }
+        if (!(this.parent.model instanceof LibroJupyterModel)) {
+            return;
+        }
+        const model = this.parent.model;
+        const connection = model.kernelConnection;
+        if (connection) {
+            this.connectorToDispose.push(connection.statusChanged((status) => {
+                if (status === 'dead') {
+                    this.kernelInited = false;
+                    this.list = undefined;
+                    this.connectorToDispose.dispose();
+                }
+            }));
+            this.connectorToDispose.push(connection.statusChanged((status) => {
+                if (status === 'restarting') {
+                    this.kernelInited = false;
+                    this.list = undefined;
+                    this.setupConnector(model);
+                }
+            }));
+        }
+        this.setupConnector(model);
+    }
+    async setupConnector(model) {
+        if (!this.kernelInited) {
+            model.kcReady.then(async (connection) => {
+                const lang = (await connection.info).language_info.name;
+                const languageModel = await Languages.getScript(lang);
+                this.languageModel = languageModel;
+                this.initOnKernel().then(() => {
+                    this.kernelInited = true;
+                    this.connectorToDispose.push(connection.iopubMessage(this.queryCall));
+                    this.performInspection();
+                });
+            });
+        }
+        else {
+            if (model.kernelConnection) {
+                this.connectorToDispose.push(model.kernelConnection.iopubMessage(this.queryCall));
+                this.performInspection();
+            }
+        }
+    }
+    /**
+     * Initializes the kernel by running the set up script located at _initScriptPath.
+     */
+    initOnKernel() {
+        const content = {
+            code: this.languageModel.initScript,
+            stop_on_error: false,
+            silent: true,
+        };
+        return this.fetch(content, () => {
+            // no op
+        });
+    }
+};
+__decorate([
+    inject(CommandRegistry),
+    __metadata("design:type", Object)
+], LibroVariablePanelView.prototype, "commands", void 0);
+__decorate([
+    prop(),
+    __metadata("design:type", Array)
+], LibroVariablePanelView.prototype, "list", void 0);
+__decorate([
+    prop(),
+    __metadata("design:type", String)
+], LibroVariablePanelView.prototype, "searchValue", void 0);
+LibroVariablePanelView = __decorate([
+    transient(),
+    view('libro-variable-panel-view')
+], LibroVariablePanelView);
+export { LibroVariablePanelView };
+//# sourceMappingURL=variable-view.js.map

package/lib/browser/variables/variable-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-view.js","sourceRoot":"","sources":["../../../src/browser/variables/variable-view.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensumi/ide-notebook",
-  "version": "3.5.1-next-1731935606.0",
+  "version": "3.5.1-next-1732847732.0",
   "license": "MIT",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -23,19 +23,19 @@
     "@difizen/libro-lsp": "0.2.45",
     "@difizen/libro-toc": "0.2.45",
     "@difizen/mana-app": "^0.1.27",
-    "@opensumi/ide-components": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-core-browser": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-core-common": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-editor": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-explorer": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-file-service": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-main-layout": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-monaco": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-outline": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-overlay": "3.5.1-next-1731935606.0",
-    "@opensumi/ide-theme": "3.5.1-next-1731935606.0",
+    "@opensumi/ide-components": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-core-browser": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-core-common": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-editor": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-explorer": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-file-service": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-main-layout": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-monaco": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-outline": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-overlay": "3.5.1-next-1732847732.0",
+    "@opensumi/ide-theme": "3.5.1-next-1732847732.0",
     "@opensumi/monaco-editor-core": "0.47.0-patch.15",
     "antd": "^5.21.4"
   },
-  "gitHead": "5849361f31f3affe436c41a791112e3c7352c98c"
+  "gitHead": "fc4ad0d13ee8e3b0553fff08c7831719e88003b2"
 }

package/src/browser/index.ts

@@ -2,7 +2,6 @@ import { Injectable, Provider } from '@opensumi/di';
 import { BrowserModule } from '@opensumi/ide-core-browser';
 import { INotebookService } from '@opensumi/ide-editor';
 
-import { KernelPanelContribution } from './kernel-panel/kernel.panel.contribution';
 import { LibroKeybindContribution } from './libro-keybind-contribution';
 import { LibroCommandContribution } from './libro.command';
 import { LibroContribution } from './libro.contribution';
@@ -33,6 +32,5 @@ export class NotebookModule extends BrowserModule {
       useClass: NotebookServiceOverride,
       override: true,
     },
-    KernelPanelContribution,
   ];
 }

package/src/browser/kernel-panel/index.ts

@@ -1,4 +1,3 @@
 export * from './kernel-panel-view';
 export * from './kernel.panel.color.tokens';
-export * from './kernel.panel.contribution';
 export * from './kernel.panel.protocol';

package/src/browser/libro/libro-opensumi-content-contribution.ts

@@ -13,7 +13,7 @@ import { ContentLoaderType, OpensumiInjector } from '../mana';
 export class LibroOpensumiContentContribution implements ContentContribution {
   @inject(OpensumiInjector) injector: Injector;
 
-  canHandle = (options) => options.loadType === ContentLoaderType ? 100 : 1;
+  canHandle = (options) => (options.loadType === ContentLoaderType ? 100 : 1);
   async loadContent(options: NotebookOption, model: LibroJupyterModel) {
     const fileServiceClient: IFileServiceClient = this.injector.get(IFileServiceClient);
     const messageService = this.injector.get(IMessageService);
@@ -33,7 +33,8 @@ export class LibroOpensumiContentContribution implements ContentContribution {
       }
       const uri = new URI(options.resource.toString());
       const currentFileContents: IContentsModel = {
-        name: uri.path.name,
+        name: uri.path.base,
+        // TODO: should be relative path to notebook root, notebook root may not be same as ide root, and jupyter provide no api to get root dir
         path: uri.path.toString(),
         last_modified: stat?.lastModification.toString() || new Date().toJSON(),
         created: stat?.createTime?.toString() || new Date().toJSON(),

package/src/browser/libro-keybind-contribution.ts

@@ -1,24 +1,26 @@
-import { LibroSearchToggleCommand, LibroService, LibroView, NotebookCommands } from '@difizen/libro-jupyter/noeditor';
+import { LibroSearchToggleCommand, LibroService, NotebookCommands } from '@difizen/libro-jupyter/noeditor';
 import { Container, CommandRegistry as LibroCommandRegistry } from '@difizen/mana-app';
 
 import { Autowired } from '@opensumi/di';
 import {
   ClientAppContribution,
+  CommandContribution,
   CommandRegistry,
   Domain,
   IContextKeyService,
+  KeybindingContribution,
   KeybindingRegistry,
   KeybindingScope,
+  MaybePromise,
 } from '@opensumi/ide-core-browser';
 import { WorkbenchEditorService } from '@opensumi/ide-editor';
 
 import { LIBRO_COMPONENTS_SCHEME_ID } from './libro.protocol';
 import { ManaContainer } from './mana';
 
-@Domain(ClientAppContribution)
-export class LibroKeybindContribution implements ClientAppContribution {
+@Domain(ClientAppContribution, KeybindingContribution, CommandContribution)
+export class LibroKeybindContribution implements ClientAppContribution, KeybindingContribution, CommandContribution {
   @Autowired(IContextKeyService) contextKeyService: IContextKeyService;
-  @Autowired(KeybindingRegistry) keybindingRegistry: KeybindingRegistry;
   @Autowired(WorkbenchEditorService)
   workbenchEditorService: WorkbenchEditorService;
   @Autowired(CommandRegistry)
@@ -26,17 +28,12 @@ export class LibroKeybindContribution implements ClientAppContribution {
   @Autowired(ManaContainer)
   private readonly manaContainer: Container;
 
-  onStart() {
+  initialize(): MaybePromise<void> {
     this.registerContextKey();
-    this.registerCommand();
-    this.registerKeybind();
   }
 
   registerContextKey() {
-    const notebookFocusContext = this.contextKeyService.createKey<boolean>(
-      'libroNotebookFocused',
-      this.hasActiveNotebook(),
-    );
+    const notebookFocusContext = this.contextKeyService.createKey<boolean>('libroNotebookFocused', false);
 
     this.workbenchEditorService.onActiveResourceChange((e) => {
       if (e?.uri?.path.ext === `.${LIBRO_COMPONENTS_SCHEME_ID}`) {
@@ -55,45 +52,41 @@ export class LibroKeybindContribution implements ClientAppContribution {
     return this.manaContainer.get(LibroCommandRegistry);
   }
 
-  hasActiveNotebook() {
-    return this.libroService.active instanceof LibroView;
-  }
-
-  registerCommand() {
-    this.commandRegistry.registerCommand(NotebookCommands['EnterCommandMode'], {
+  registerCommands(commands: CommandRegistry) {
+    commands.registerCommand(NotebookCommands['EnterCommandMode'], {
       execute: () => {
         this.libroCommandRegistry.executeCommand(NotebookCommands['EnterCommandMode'].id);
       },
     });
-    this.commandRegistry.registerCommand(NotebookCommands['RunCell'], {
+    commands.registerCommand(NotebookCommands['RunCell'], {
       execute: () => {
         this.libroCommandRegistry.executeCommand(NotebookCommands['RunCell'].id);
       },
     });
-    this.commandRegistry.registerCommand(NotebookCommands['RunCellAndSelectNext'], {
+    commands.registerCommand(NotebookCommands['RunCellAndSelectNext'], {
       execute: () => {
         this.libroCommandRegistry.executeCommand(NotebookCommands['RunCellAndSelectNext'].id);
       },
     });
-    this.commandRegistry.registerCommand(NotebookCommands['RunCellAndInsertBelow'], {
+    commands.registerCommand(NotebookCommands['RunCellAndInsertBelow'], {
       execute: () => {
         this.libroCommandRegistry.executeCommand(NotebookCommands['RunCellAndInsertBelow'].id);
       },
     });
-    this.commandRegistry.registerCommand(NotebookCommands['SplitCellAntCursor'], {
+    commands.registerCommand(NotebookCommands['SplitCellAntCursor'], {
       execute: () => {
         this.libroCommandRegistry.executeCommand(NotebookCommands['SplitCellAntCursor'].id);
       },
     });
-    this.commandRegistry.registerCommand(LibroSearchToggleCommand.ShowLibroSearch, {
+    commands.registerCommand(LibroSearchToggleCommand.ShowLibroSearch, {
       execute: () => {
         this.libroCommandRegistry.executeCommand(LibroSearchToggleCommand.ShowLibroSearch.id);
       },
     });
   }
 
-  registerKeybind() {
-    this.keybindingRegistry.registerKeybindings(
+  registerKeybindings(keybindings: KeybindingRegistry): void {
+    keybindings.registerKeybindings(
       [
         {
           keybinding: 'f1',

package/src/browser/libro.contribution.tsx

@@ -15,6 +15,8 @@ import {
   ClientAppContribution,
   CommandContribution,
   type CommandRegistry,
+  ComponentContribution,
+  ComponentRegistry,
   Disposable,
   Domain,
   IClientApp,
@@ -22,6 +24,7 @@ import {
   OpenerContribution,
   Schemes,
   URI,
+  localize,
 } from '@opensumi/ide-core-browser';
 import { message } from '@opensumi/ide-core-browser/lib/components';
 import {
@@ -36,7 +39,7 @@ import { IEditorDocumentModelContentRegistry } from '@opensumi/ide-editor/lib/br
 import { IconService } from '@opensumi/ide-theme/lib/browser';
 import { IThemeService, IconType } from '@opensumi/ide-theme/lib/common';
 
-import { initKernelPanelColorToken } from './kernel-panel';
+import { KERNEL_PANEL_ID, KernelPanel, initKernelPanelColorToken } from './kernel-panel';
 import { LibroOpensumiModule } from './libro';
 import { LibroOpener } from './libro-opener';
 import { initLibroColorToken } from './libro.color.tokens';
@@ -46,6 +49,9 @@ import { ManaContainer, initLibroOpensumi, manaContainer } from './mana/index';
 import { NotebookDocumentContentProvider } from './notebook-document-content-provider';
 import { NotebookServiceOverride } from './notebook.service';
 import { initTocPanelColorToken } from './toc';
+import { LibroVariableModule } from './variables/libro-variable-module';
+import { VariablePanel } from './variables/variable-panel';
+import { VARIABLE_ID } from './variables/variable-protocol';
 
 const LIBRO_COMPONENTS_VIEW_COMMAND = {
   id: 'opensumi-libro',
@@ -56,7 +62,7 @@ const LayoutWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {
   return (
     <ManaComponents.Application
       context={{ container: manaContainer }}
-      modules={[ManaAppPreset, LibroJupyterNoEditorModule, LibroTOCModule, LibroOpensumiModule]}
+      modules={[ManaAppPreset, LibroJupyterNoEditorModule, LibroTOCModule, LibroOpensumiModule, LibroVariableModule]}
       renderChildren
       onReady={() => setIsReady(true)}
     >
@@ -65,12 +71,15 @@ const LayoutWrapper: React.FC<React.PropsWithChildren> = ({ children }) => {
   );
 };
 
+export const NOTE_BOOK_PANEL_ID = 'notebook-panel';
+
 @Domain(
   ClientAppContribution,
   BrowserEditorContribution,
   ClientAppContextContribution,
   CommandContribution,
   OpenerContribution,
+  ComponentContribution,
 )
 export class LibroContribution
   extends Disposable
@@ -79,7 +88,8 @@ export class LibroContribution
     BrowserEditorContribution,
     ClientAppContextContribution,
     CommandContribution,
-    OpenerContribution
+    OpenerContribution,
+    ComponentContribution
 {
   @Autowired(ManaContainer)
   private readonly manaContainer: Container;
@@ -115,6 +125,40 @@ export class LibroContribution
     initLibroOpensumi(app.injector, manaContainer);
   }
 
+  registerComponent(registry: ComponentRegistry) {
+    const iconClass = this.iconService.fromIcon(
+      '',
+      {
+        dark: 'https://mdn.alipayobjects.com/huamei_rm3rgy/afts/img/A*tFyaRbqux_4AAAAAAAAAAAAADr2GAQ/original',
+        light: 'https://mdn.alipayobjects.com/huamei_rm3rgy/afts/img/A*ebL7T4dWefUAAAAAAAAAAAAADr2GAQ/original',
+      },
+      IconType.Background,
+    );
+    registry.register(
+      '@opensumi/ide-notebook',
+      [
+        {
+          id: KERNEL_PANEL_ID,
+          name: localize('notebook.kernel.panel.title'),
+          component: KernelPanel,
+          priority: 0,
+        },
+        {
+          id: VARIABLE_ID,
+          name: localize('notebook.variable.panel.title'),
+          weight: 2,
+          priority: 1,
+          component: VariablePanel,
+        },
+      ],
+      {
+        activateKeyBinding: 'ctrlcmd+shift+k',
+        containerId: NOTE_BOOK_PANEL_ID,
+        iconClass,
+      },
+    );
+  }
+
   registerClientAppContext(Layout: React.FC, injector: Injector): React.FC {
     initLibroColorToken();
     initKernelPanelColorToken();

package/src/browser/variables/index.less

@@ -0,0 +1,102 @@
+.libro-variable-content {
+  height: calc(100% - 40px);
+
+  .libro-variable-list {
+    height: 100%;
+    overflow-y: auto;
+
+    .ant-list-item {
+      padding: 4px 12px 0;
+      border-bottom: none;
+
+      &:hover {
+        border-radius: 6px;
+        background-color: var(--mana-libro-variable-background-hover-color);
+      }
+
+      .ant-list-item-meta {
+        border-bottom: 1px solid var(--mana-libro-variable-border-color);
+      }
+
+      .ant-list-item-meta-title {
+        color: var(--mana-libro-variable-title-color);
+
+        .libro-variable-title {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+
+          .libro-variable-type-tag {
+            font-size: 10px;
+            margin-left: 8px;
+            color: var(--mana-libro-variable-tag-text-color);
+            background-color: var(--mana-libro-variable-tag-background-color);
+            border-radius: 4px;
+          }
+
+          .libro-variable-extra {
+            color: var(--mana-libro-variable-icon-color);
+            transform: rotate(90deg);
+
+            :hover {
+              color: #1890ff;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .libro-variable-name {
+          color: var(--mana-libro-variable-name-color);
+        }
+      }
+
+      .ant-list-item-meta-description {
+        overflow: hidden;
+        color: var(--mana-libro-variable-description-color);
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .libro-variable-search {
+    display: flex;
+    align-items: center;
+    padding: 4px 12px 8px;
+
+    &-input {
+      background: var(--mana-libro-variable-search-background-color);
+      border: none;
+      border-radius: 6px;
+      height: 28px;
+
+      input {
+        color: var(--mana-libro-variable-title-color);
+        background: transparent;
+      }
+
+      .ant-input-prefix {
+        color: var(--mana-libro-variable-icon-color);
+      }
+    }
+
+    &-extra {
+      margin-left: 8px;
+      color: var(--mana-libro-variable-icon-color);
+
+      :hover {
+        color: #1890ff;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.libro-variable-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  margin: unset !important;
+}