From ffd5ebbe79da92d37e530a19622770402861e91f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 15 Feb 2026 13:38:02 +0200
Subject: [PATCH] refactor(badges/content): integrate execute using additional
 options

---
 .../widgets/layout/ActiveContentBadges.tsx    | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/client/src/widgets/layout/ActiveContentBadges.tsx b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
index 473cae9a85..edf93b2653 100644
--- a/apps/client/src/widgets/layout/ActiveContentBadges.tsx
+++ b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
@@ -7,9 +7,9 @@ import attributes from "../../services/attributes";
 import { t } from "../../services/i18n";
 import { openInAppHelpFromUrl } from "../../services/utils";
 import { BadgeWithDropdown } from "../react/Badge";
-import { FormDropdownDivider, FormDropdownSubmenu, FormListItem } from "../react/FormList";
+import { FormDropdownDivider, FormListItem } from "../react/FormList";
 import FormToggle from "../react/FormToggle";
-import { useNoteContext, useNoteLabel, useNoteLabelBoolean, useTriliumEvent } from "../react/hooks";
+import { useNoteContext, useNoteLabelBoolean, useTriliumEvent } from "../react/hooks";
 import { BookProperty, ViewProperty } from "../react/NotePropertyMenu";
 
 const NON_DANGEROUS_ACTIVE_CONTENT = [ "appCss", "appTheme" ];
@@ -22,6 +22,13 @@ interface ActiveContentInfo {
     canToggleEnabled: boolean;
 }
 
+const executeOption: BookProperty = {
+    type: "button",
+    icon: "bx bx-play",
+    label: t("active_content_badges.menu_execute_now"),
+    onClick: context => context.triggerCommand("runActiveNote")
+};
+
 const typeMappings: Record<ActiveContentInfo["type"], {
     icon: string;
     helpPage: string;
@@ -39,6 +46,7 @@ const typeMappings: Record<ActiveContentInfo["type"], {
         apiDocsPage: "MEtfsqa5VwNi",
         isExecutable: true,
         additionalOptions: [
+            executeOption,
             {
                 type: "combobox",
                 bindToLabel: "run",
@@ -60,6 +68,7 @@ const typeMappings: Record<ActiveContentInfo["type"], {
         apiDocsPage: "Q2z6av6JZVWm",
         isExecutable: true,
         additionalOptions: [
+            executeOption,
             {
                 type: "combobox",
                 bindToLabel: "run",
@@ -125,23 +134,13 @@ export function ActiveContentBadges() {
 }
 
 function ActiveContentBadge({ info, note }: { note: FNote, info: ActiveContentInfo }) {
-    const { icon, helpPage, apiDocsPage, isExecutable, additionalOptions } = typeMappings[info.type];
+    const { icon, helpPage, apiDocsPage, additionalOptions } = typeMappings[info.type];
     return (
         <BadgeWithDropdown
             className={clsx("active-content-badge", info.canToggleEnabled && !info.isEnabled && "disabled")}
             icon={icon}
             text={getTranslationForType(info.type)}
         >
-            {isExecutable && (
-                <>
-                    <FormListItem
-                        icon="bx bx-play"
-                        triggerCommand="runActiveNote"
-                    >{t("active_content_badges.menu_execute_now")}</FormListItem>
-                    <FormDropdownDivider />
-                </>
-            )}
-
             {(info.type === "frontendScript" || info.type === "widget") && (
                 <>
                     <WidgetSwitcher note={note} />