feat: modernize dashboard widgets

packages/widgets/src/custom-api/index.ts

@@ -1,4 +1,4 @@
-import { IconApi } from "@tabler/icons-react";
+import { IconApi, IconPlayerPause } from "@tabler/icons-react";
 import { z } from "zod/v4";
 
 import { createWidgetDefinition } from "../definition";
@@ -6,6 +6,22 @@ import { optionsBuilder } from "../options";
 
 export const { definition, componentLoader } = createWidgetDefinition("customApi", {
   icon: IconApi,
+  queryKey: [["widget", "customApi"]],
+  contextActions({ options, widgetStateRef }) {
+    return [
+      {
+        key: "togglePolling",
+        label: (t) => t("widget.customApi.actions.togglePolling"),
+        icon: IconPlayerPause,
+        hidden: typeof options.definitionId !== "string" || options.definitionId.trim() === "",
+        disabled: typeof widgetStateRef.current?.togglePolling !== "function",
+        onClick: () => {
+          const action = widgetStateRef.current?.togglePolling;
+          if (typeof action === "function") action();
+        },
+      },
+    ];
+  },
   createOptions() {
     return optionsBuilder.from((factory) => ({
       definitionId: factory.customWidgetSelect({ defaultValue: "" }),