feat: modernize widget experience

packages/widgets/src/custom-api/custom-jsx-display.spec.ts

@@ -415,7 +415,6 @@ describe("CustomJsxDisplay", () => {
     });
   });
 });
-
 describe("Custom JSX component registry", () => {
   it.each([
     ["@mantine/core", MantineCore],

packages/widgets/src/custom-api/custom-jsx-display.tsx

@@ -77,7 +77,6 @@ export default function CustomJsxDisplay({ data }: { data: Record<string, unknow
     </WidgetDefinitionProvider>
   );
 }
-
 function sameStatus(left: CustomWidgetPublishedQueryState["status"], right: CustomWidgetPublishedQueryState["status"]) {
   return (
     left.loading === right.loading &&

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

@@ -1,28 +1,11 @@
-import { IconApi, IconPlayerPause } from "@tabler/icons-react";
+import { IconApi } from "@tabler/icons-react";
 import { z } from "zod/v4";
 
-import { createWidgetDefinition, widgetQueryInputMatches } from "../definition";
+import { createWidgetDefinition } from "../definition";
 import { optionsBuilder } from "../options";
 
 export const { definition, componentLoader } = createWidgetDefinition("customApi", {
   icon: IconApi,
-  queryKey: [["widget", "customApi", "getData"]],
-  queryMatcher: ({ input }, scope) => widgetQueryInputMatches(input, { definitionId: scope.options.definitionId }),
-  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: "" }),