@uxland/primary-shell 5.0.0 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -44,7 +44,7 @@
     "react-dom": "^19.0.0",
     "@types/react": "^19.0.12",
     "inversify-inject-decorators": "^3.1.0",
-    "@salut/design-system-salut": "../../design-system-salut-2.2.1.tgz",
+    "@salut/design-system-salut": "../../design-system-salut-2.3.0.tgz",
     "jwt-decode": "^4.0.0",
     "lit": "^3.1.0",
     "mediatr-ts": "^1.2.1",

package/src/UI/components/clinical-monitoring/styles.css

@@ -9,15 +9,17 @@
   min-height: 1px;
   height: 100%;
   display: flex;
-flex-direction: row;
+  flex-direction: row;
+  
   #widgets-sidebar-region {
+    z-index: 1;
     width: 25%;
     border-left: 1px solid rgb(189, 189, 189);
   }
   .content {
     flex: 1;
     display: flex;
-  flex-direction: column;
+    flex-direction: column;
     #header-widgets-region {
       display: grid;
       grid-template-columns: repeat(3, 1fr);

package/src/UI/components/primaria-shell/primaria-shell.ts

@@ -67,6 +67,9 @@ export class PrimariaShell extends PrimariaRegionHost(LitElement) {
   @state()
   error: { message: string };
 
+  @state()
+  quickActionBusy = false;
+
   _toggleSidebar() {
     this.sidebarExpanded = !this.sidebarExpanded;
   }
@@ -91,6 +94,12 @@ export class PrimariaShell extends PrimariaRegionHost(LitElement) {
         this._handleError({ message: translate("errors.invalidPatient") });
       }),
     );
+
+    this.subscriptions.push(
+      shellApi.broker.subscribe(shellEvents.quickActionBusyChanged, (detail: { busy: boolean }) => {
+        this.quickActionBusy = detail.busy;
+      }),
+    );
   }
 
   _handleError(error: { message: string }) {

package/src/UI/components/primaria-shell/styles.css

@@ -29,15 +29,28 @@
     width: 40px;
     height: 100%;
     color: white;
-    .top-content {
+    .quick-actions-content {
       padding-top: 24px;
-      padding-bottom: 24px;
+      padding-bottom: 22px;
       border-radius: 8px;
+      .create-button-icon-badge{
+        position: relative;
+        dss-notification-badge {
+          position: absolute;
+          top: -7px;
+          right: -6px;
+          z-index: 1;
+        }
+        dss-icon {
+          position: relative;
+        }
+      }
     }
     .icon {
       margin-left: 8px;
     }
     #menu-region-container {
+      padding-top: 24px;
       min-height: 1px;
       height: 100%;
       width: 100%;

package/src/UI/components/primaria-shell/template.ts

@@ -13,10 +13,15 @@ export const template = (props: PrimariaShell) => html`
     <shell-header></shell-header>
     <div class="main-container">
       <div class="sidebar" ?expanded=${props.sidebarExpanded}>
-        <div class="top-content">
+        <div id="menu-region-container"></div>
+        <div class="quick-actions-content">
           <quick-actions-menu>
             <div class="${props.sidebarExpanded ? "create-button-opened" : "create-button-closed"} " slot="anchor" id="usage-anchor">
-              <dss-icon class="${props.sidebarExpanded ? "icon" : ""}" icon="add_circle_outline" size="md"></dss-icon>${props.sidebarExpanded ? translate('actions.create') : nothing}
+              <div class="${props.quickActionBusy ? "create-button-icon-badge" : ""}">
+                ${props.quickActionBusy ? html`<dss-notification-badge value="" state="error" borderwhite="" type="default" dot=""></dss-notification-badge>`: nothing}  
+                <dss-icon class="${props.sidebarExpanded ? "icon" : ""}" icon="add_circle_outline" size="md"></dss-icon>
+              </div>
+              ${props.sidebarExpanded ? translate('actions.create') : nothing}
               ${!props.sidebarExpanded ? html`<dss-tooltip position="right">
                 ${translate('actions.create')}
               </dss-tooltip>` : nothing}
@@ -24,7 +29,6 @@ export const template = (props: PrimariaShell) => html`
             <dss-action-menu id="quick-actions-region-container" slot="content" id="content" anchor="usage-anchor"></dss-action-menu>
           </quick-actions-menu>
         </div>
-        <div id="menu-region-container"></div>
         <div class="bottom-content">
           <div class="bottom-content-first">
             <hr class="dss-divider--bold ${props.sidebarExpanded ? "divider-opened" : "divider-closed"}" />

package/src/UI/components/shell-header/template.ts

@@ -21,7 +21,7 @@ export const template = (props: ShellHeader) => {
       <div id="header-actions-region-container"></div>
       ${when(
         props.professional,
-        () => html`<dss-header-menu-professional @onLogout=${props.logout} slot="professional-menu" name="${props.professional.firstName} ${props.professional?.familyName} ${props.professional?.lastName}" center="${props.professional.workCenter}" collegiate="${props.professional.registrationNumber}">
+        () => html`<dss-header-menu-professional @onExit=${props.logout} slot="professional-menu" name="${props.professional.firstName} ${props.professional?.familyName} ${props.professional?.lastName}" center="${props.professional.workCenter}" collegiate="${props.professional.registrationNumber}">
         <dss-avatar size="xl" name="${props.professional.firstName}" surname="${props.professional?.familyName}" slot="avatar"></dss-avatar>
         <dss-input-dropdown icon="maps_home_work" type="default" .elements=${workCenterElements} selectedvalue="[&quot;1&quot;]">
             <label slot="label" for="preferences1">${translate("header.workCenter")}</label>

package/src/api/api.ts

@@ -40,7 +40,7 @@ const regionManager: IRegionManager = createRegionManager("primaria");
 export const PrimariaRegionHost: any = createRegionHost(regionManager as any);
 const tokenManager = createTokenManager();
 const globalStateManager: PrimariaGlobalStateManager = createGlobalStateManager(broker);
-const pluginBusyManager = new PluginBusyManagerImpl();
+const pluginBusyManager = new PluginBusyManagerImpl(broker);
 const interactionService = new ParimariaInteractionServiceImpl();
 const notificationService = new PrimariaNotificationServiceImpl();
 

package/src/api/interaction-service/interaction-service-impl.tsx

@@ -9,6 +9,7 @@ import * as React from "react";
 import { useEffect, useState, useRef } from "react";
 import { createRoot } from "react-dom/client";
 import { ConfirmationMessage } from "./confirmation-message.tsx";
+import modalStyles from './modal-styles.css?raw'; 
 
 const defaultOptions: ConfirmationOptions = {
   title: "Confirmació",
@@ -17,8 +18,8 @@ const defaultOptions: ConfirmationOptions = {
   confirmButtonText: "Acceptar",
   cancelButtonText: "Cancel·lar",
   showCloseButton: true,
-  fullWidth: false,
   fullCustomization: false,
+  closeOnOutsideClick: false,
 };
 
 export class ParimariaInteractionServiceImpl extends PrimariaInteractionService {
@@ -32,32 +33,39 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
     const finalOptions: ConfirmationOptions = { ...defaultOptions, ...(options || {}) };
     return new Promise((resolve) => {
       const div = document.createElement("div");
-      const shadowRoot = div.attachShadow({ mode: "open" });
-
       document.body.appendChild(div);
+      const style = document.createElement("style");
+      style.textContent = modalStyles;
+
+      document.head.appendChild(style);
 
       const DialogWrapper = () => {
-        const [open, setOpen] = useState(true);
         const [result, setResult] = useState<ConfirmationResult<TResult | undefined>>();
         const [isValid, setIsValid] = useState(true);
-        const dssModalComponentRef = useRef(null);
         const dialogComponentRef = useRef(null);
+        const dialogRef = useRef<HTMLDivElement>(null);
+        const modalRef = useRef<HTMLDivElement>(null);
 
         const isWebComponent =
           typeof DialogComponent === "function" && DialogComponent.prototype instanceof HTMLElement;
 
         useEffect(() => {
-          const dssModalComponent = dssModalComponentRef.current;
-          const handleCloseDialog = (e: Event) => {
-            e.preventDefault();
-            handleClose(false);
-          };
-          dssModalComponent?.addEventListener("onModalClosed", handleCloseDialog);
-          return () => {
-            document.body.removeChild(div);
-          };
+          window.addEventListener('keydown', handleKeydown);
         }, []);
 
+        const handleKeydown = (event: KeyboardEvent) => {
+          if (event.key === 'Escape') {
+            handleClose(false);
+          }
+        };
+        const handleOutsideClick = (event: Event) => {
+          if (dialogRef.current) {
+            if (event.target === modalRef.current && finalOptions.closeOnOutsideClick) {
+              handleClose(false);
+            }
+          }
+        };
+
         useEffect(() => {
           if (isWebComponent && dialogComponentRef.current) {
             const parent = dialogComponentRef.current;
@@ -91,7 +99,6 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
         };
 
         const resolvePromise = (finalResult: TResult, confirmed: boolean) => {
-          setOpen(false);
           setTimeout(() => {
             const confirmationResult = {
               result: confirmed ? finalResult : undefined,
@@ -99,6 +106,8 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
             };
             resolve(confirmationResult);
             document.body.removeChild(div);
+            document.head.removeChild(style);
+            window.removeEventListener('keydown', handleKeydown);
           }, 300);
         };
 
@@ -130,88 +139,57 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
             />
           );
         };
-
-        if (finalOptions.fullCustomization) {
-          return (
-            <div className="modal" hidden={!open}>
-              <div className="dialog">{_renderContent()}</div>
-            </div>
-          );
-        }
         return (
-          <dss-modal
-            modalTitle={finalOptions.title}
-            open={open}
-            fullWidth={finalOptions.fullWidth}
-            ref={dssModalComponentRef}
-            hideCloseIcon={!finalOptions.showCloseButton}
-            modalStyle="padding:0px;"
-          >
-            <div slot="body">{_renderContent()}</div>
-            <div
-              className="dss-modal-footer"
-              slot="footer"
-              hidden={!finalOptions.showCancelButton && !finalOptions.showConfirmButton}
-            >
-              {finalOptions.showCancelButton && (
-                <dss-button
-                  label={finalOptions.cancelButtonText}
-                  onClick={() => handleClose(false)}
-                  size="md"
-                  variant={getCancelButtonVariant()}
-                />
+          <div className="modal" ref={modalRef} onClick={handleOutsideClick} >
+            <div className="dialog" ref={dialogRef}>
+              {!finalOptions.fullCustomization && (
+                <div className="dss-dialog-header">
+                  <div className="dss-dialog-header-title">{finalOptions.title}</div>
+                  {finalOptions.showCloseButton && (
+                    <dss-icon-button
+                      class="dss-dialog-header-close" 
+                      size="md" 
+                      variant="neutral" 
+                      icon="close" 
+                      onClick={() => handleClose(false)}
+                    ></dss-icon-button>
+                  )}
+                </div>
               )}
-              {finalOptions.showConfirmButton && (
-                <dss-button
-                  onClick={() => isValid && handleClose(true)}
-                  label={finalOptions.confirmButtonText}
-                  disabled={!isValid}
-                  size="md"
-                  variant={getConfirmButtonVariant()}
-                />
+              <div className={`modal-content ${finalOptions.fullCustomization ? 'full-customization' : ''}`}>
+                {_renderContent()}
+              </div>
+              {!finalOptions.fullCustomization && (
+                <div
+                  className="dss-modal-footer"
+                  hidden={!finalOptions.showCancelButton && !finalOptions.showConfirmButton}
+                >
+                  {finalOptions.showCancelButton && (
+                    <dss-button
+                      label={finalOptions.cancelButtonText}
+                      onClick={() => handleClose(false)}
+                      size="md"
+                      variant={getCancelButtonVariant()}
+                    />
+                  )}
+                  {finalOptions.showConfirmButton && (
+                    <dss-button
+                      onClick={() => isValid && handleClose(true)}
+                      label={finalOptions.confirmButtonText}
+                      disabled={!isValid}
+                      size="md"
+                      variant={getConfirmButtonVariant()}
+                    />
+                  )}
+                </div>
               )}
             </div>
-          </dss-modal>
+          </div>
         );
       };
 
-      // Agregar estilos al Shadow DOM
-      const style = document.createElement("style");
-      style.textContent = `
-        .modal {
-          font-family: "Open Sans";
-          display: block;
-          position: fixed;
-          z-index: 400;
-          left: 0;
-          top: 0;
-          width: 100%;
-          height: 100%;
-          background-color: rgba(0, 0, 0, 0.65);
-
-        .dialog {
-          display: flex;
-          flex-direction: column;
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
-          z-index: 21;
-          background: #fff;
-          border-radius: 16px;
-          width: auto;
-          height: auto;
-          max-height: 95%;
-          min-width: 400px;
-          box-shadow:
-            0px 0px 14px rgb(0 0 0 / 25%),
-            0px 1px 10px rgb(0 0 0 / 22%);
-        }
-      }
-      `;
-
-      shadowRoot.appendChild(style);
-      const root = createRoot(shadowRoot);
+
+      const root = createRoot(div);
       root.render(<DialogWrapper />);
     });
   }

package/src/api/interaction-service/interaction-service.ts

@@ -26,8 +26,8 @@ export interface ConfirmationOptions {
   confirmButtonText?: string | undefined;
   cancelButtonText?: string | undefined;
   showCloseButton?: boolean | undefined;
-  fullWidth?: boolean | undefined;
   fullCustomization?: boolean | undefined;
+  closeOnOutsideClick?: boolean | undefined;
   state?: "success" | "info" | "alert" | "error";
 }
 

package/src/api/interaction-service/modal-styles.css

@@ -0,0 +1,69 @@
+.modal {
+  font-family: "Open Sans";
+  display: block;
+  position: fixed;
+  z-index: 400;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65);
+}
+.dialog {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 21;
+  background: #fff;
+  border-radius: 16px;
+  width: auto;
+  height: auto;
+  max-height: 95%;
+  min-width: 400px;
+  box-shadow: 0 8px 12px 6px rgba(0 0 0 / 5%), 0 4px 4px rgba(0 0 0 / 10%);
+}
+.dss-dialog-header {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 24px;
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+}
+.dss-dialog-header-title {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--dss-spacing-xs);
+  font-size: 20px;
+  line-height: 30px;
+  font-weight: var(--font-bold);
+  color: var(--color-neutral-900);
+}
+.dss-dialog-header-close {
+  position: absolute;
+  top: var(--dss-spacing-lg);
+  right: calc(var(--dss-spacing-lg) - 4px);
+}
+.modal-content {
+  flex: 1;
+  padding: 0 24px;
+}
+.modal-content.full-customization {
+  padding: 0;
+}
+.dss-modal-footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  padding: 24px;
+  border-bottom-left-radius: 16px;
+  border-bottom-right-radius: 16px;
+}

package/src/api/plugin-busy-manager/plugin-busy-manager.test.ts

@@ -1,49 +1,111 @@
-import { describe, it, expect, beforeEach } from "vitest";
+import { describe, it, expect, vi, beforeEach } from "vitest";
 import { PluginBusyManagerImpl } from "./plugin-busy-manager";
+import { shellEvents } from "../../events";
 
 describe("PluginBusyManagerImpl", () => {
+  let brokerMock: any;
   let manager: PluginBusyManagerImpl;
 
   beforeEach(() => {
-    manager = new PluginBusyManagerImpl();
+    brokerMock = {
+      publish: vi.fn(),
+    };
+    manager = new PluginBusyManagerImpl(brokerMock);
   });
 
-  it("should start with no busy plugins", () => {
-    expect(manager.getBusyPluginTasks()).toEqual([]);
-    expect(manager.isAnyPluginBusy()).toBe(false);
+  describe("addBusyPluginTask", () => {
+    it("should add a plugin busy task", () => {
+      const task = { taskId: "1", taskDescription: "Loading plugin" };
+      manager.addBusyPluginTask(task);
+      expect(manager.getBusyPluginTasks()).toContain(task);
+    });
   });
 
-  it("should add a busy plugin", () => {
-    const task = { taskId: "plugin1", taskDescription: "Description for plugin1" };
-    manager.addBusyPluginTask(task);
-    expect(manager.getBusyPluginTasks()).toContainEqual(task);
-    expect(manager.isAnyPluginBusy()).toBe(true);
+  describe("removeBusyPluginTask", () => {
+    it("should remove a plugin busy task if it exists", () => {
+      const task = { taskId: "1", taskDescription: "Loading plugin" };
+      manager.addBusyPluginTask(task);
+      manager.removeBusyPluginTask("1");
+      expect(manager.getBusyPluginTasks()).not.toContain(task);
+    });
+
+    it("should do nothing if task does not exist", () => {
+      const task = { taskId: "1", taskDescription: "Loading plugin" };
+      manager.addBusyPluginTask(task);
+      manager.removeBusyPluginTask("non-existent");
+      expect(manager.getBusyPluginTasks()).toContain(task);
+    });
+  });
+
+  describe("addBusyQuickActionTask", () => {
+    it("should add a quick action busy task and emit event", () => {
+      const task = { taskId: "qa1" };
+      manager.addBusyQuickActionTask(task);
+      expect(brokerMock.publish).toHaveBeenCalledWith(shellEvents.quickActionBusyChanged, {
+        busy: true,
+      });
+    });
+  });
+
+  describe("removeBusyQuickActionTask", () => {
+    it("should remove a quick action task and emit event", () => {
+      const task = { taskId: "qa1" };
+      manager.addBusyQuickActionTask(task);
+      manager.removeBusyQuickActionTask("qa1");
+      expect(brokerMock.publish).toHaveBeenCalledWith(shellEvents.quickActionBusyChanged, {
+        busy: false,
+      });
+    });
+
+    it("should do nothing and not emit event if task does not exist", () => {
+      manager.removeBusyQuickActionTask("non-existent");
+      expect(brokerMock.publish).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("isAnyPluginBusy", () => {
+    it("should return false when no plugin tasks exist", () => {
+      expect(manager.isAnyPluginBusy()).toBe(false);
+    });
+
+    it("should return true when plugin tasks exist", () => {
+      manager.addBusyPluginTask({ taskId: "1", taskDescription: "Busy" });
+      expect(manager.isAnyPluginBusy()).toBe(true);
+    });
+  });
+
+  describe("isAnyQuickActionBusy", () => {
+    it("should return false when no quick action tasks exist", () => {
+      expect(manager.isAnyQuickActionBusy()).toBe(false);
+    });
+
+    it("should return true when quick action tasks exist", () => {
+      manager.addBusyQuickActionTask({ taskId: "qa1" });
+      expect(manager.isAnyQuickActionBusy()).toBe(true);
+    });
   });
 
-  it("should remove a busy plugin", () => {
-    const task1 = { taskId: "plugin1", taskDescription: "Description for plugin1" };
-    const task2 = { taskId: "plugin2", taskDescription: "Description for plugin2" };
-    manager.addBusyPluginTask(task1);
-    manager.addBusyPluginTask(task2);
-    manager.removeBusyPluginTask("plugin1");
-    expect(manager.getBusyPluginTasks()).not.toContainEqual(task1);
-    expect(manager.getBusyPluginTasks()).toContainEqual(task2);
+  describe("clearAllBusyPlugins", () => {
+    it("should clear all plugin busy tasks", () => {
+      manager.addBusyPluginTask({ taskId: "1", taskDescription: "Busy" });
+      manager.clearAllBusyPlugins();
+      expect(manager.getBusyPluginTasks()).toHaveLength(0);
+    });
   });
 
-  it("should do nothing if removing a non-existent plugin", () => {
-    const task = { taskId: "plugin1", taskDescription: "Description for plugin1" };
-    manager.addBusyPluginTask(task);
-    manager.removeBusyPluginTask("nonexistent");
-    expect(manager.getBusyPluginTasks()).toEqual([task]);
+  describe("clearAllBusyQuickActions", () => {
+    it("should clear all quick action busy tasks", () => {
+      manager.addBusyQuickActionTask({ taskId: "qa1" });
+      manager.clearAllBusyQuickActions();
+      expect(manager.isAnyQuickActionBusy()).toBe(false);
+    });
   });
 
-  it("should clear all busy plugins", () => {
-    const task1 = { taskId: "plugin1", taskDescription: "Description for plugin1" };
-    const task2 = { taskId: "plugin2", taskDescription: "Description for plugin2" };
-    manager.addBusyPluginTask(task1);
-    manager.addBusyPluginTask(task2);
-    manager.clearAllBusyPlugins();
-    expect(manager.getBusyPluginTasks()).toEqual([]);
-    expect(manager.isAnyPluginBusy()).toBe(false);
+  describe("getBusyPluginTasks", () => {
+    it("should return current plugin tasks", () => {
+      const task = { taskId: "1", taskDescription: "Loading plugin" };
+      manager.addBusyPluginTask(task);
+      expect(manager.getBusyPluginTasks()).toEqual([task]);
+    });
   });
 });

package/src/api/plugin-busy-manager/plugin-busy-manager.ts

@@ -1,22 +1,44 @@
+import { shellEvents } from "../../events";
+import { PrimariaBroker } from "../broker/primaria-broker";
+
 export interface PluginBusyTask {
   taskId: string;
   taskDescription: string;
 }
 
+export interface QuickActionBusyTask {
+  taskId: string;
+}
+
 export abstract class PluginBusyManager {
   abstract addBusyPluginTask(busyTask: PluginBusyTask): void;
-  abstract removeBusyPluginTask(taskId: string): any;
+  abstract removeBusyPluginTask(taskId: string): void;
+  abstract addBusyQuickActionTask(busyTask: QuickActionBusyTask): void;
+  abstract removeBusyQuickActionTask(taskId: string): void;
   abstract clearAllBusyPlugins(): void;
   abstract isAnyPluginBusy(): boolean;
+  abstract isAnyQuickActionBusy(): boolean;
   abstract getBusyPluginTasks(): PluginBusyTask[];
 }
 export class PluginBusyManagerImpl implements PluginBusyManager {
+  constructor(public broker: PrimariaBroker) {}
   private busyPluginTasks: PluginBusyTask[] = [];
+  private busyQuickActionTasks: QuickActionBusyTask[] = [];
 
   public addBusyPluginTask(busyTask: PluginBusyTask): void {
     this.busyPluginTasks.push(busyTask);
   }
 
+  public addBusyQuickActionTask(busyTask: QuickActionBusyTask): void {
+    const index = this.busyQuickActionTasks.findIndex((item) => item.taskId === busyTask.taskId);
+    if (index > -1) {
+      return;
+    }
+
+    this.busyQuickActionTasks.push(busyTask);
+    this.emitQuickActionBusyChanged();
+  }
+
   public removeBusyPluginTask(taskId: string): any {
     const index = this.busyPluginTasks.findIndex((item) => item.taskId === taskId);
     if (index > -1) {
@@ -24,15 +46,36 @@ export class PluginBusyManagerImpl implements PluginBusyManager {
     }
   }
 
+  public removeBusyQuickActionTask(taskId: string): any {
+    const index = this.busyQuickActionTasks.findIndex((item) => item.taskId === taskId);
+    if (index > -1) {
+      this.busyQuickActionTasks.splice(index, 1);
+      this.emitQuickActionBusyChanged();
+    }
+  }
+
   public isAnyPluginBusy(): boolean {
     return this.busyPluginTasks.length > 0;
   }
 
+  public isAnyQuickActionBusy(): boolean {
+    return this.busyQuickActionTasks.length > 0;
+  }
+
   public clearAllBusyPlugins(): void {
     this.busyPluginTasks = [];
   }
 
+  public clearAllBusyQuickActions(): void {
+    this.busyQuickActionTasks = [];
+  }
+
   public getBusyPluginTasks(): PluginBusyTask[] {
     return this.busyPluginTasks;
   }
+
+  private emitQuickActionBusyChanged() {
+    const busy = this.isAnyQuickActionBusy();
+    this.broker.publish(shellEvents.quickActionBusyChanged, { busy });
+  }
 }