From 09b82ba1714f35be8e5029c1fe433546a723851c Mon Sep 17 00:00:00 2001 From: Thomas Camlong Date: Thu, 13 Aug 2026 19:33:05 +0200 Subject: [PATCH] fix: limit advanced widget focus --- apps/docs/docs/widgets/clock/index.mdx | 2 -- apps/docs/docs/widgets/indexer-manager/index.mdx | 4 +--- apps/docs/docs/widgets/notebook/index.mdx | 6 +----- apps/docs/docs/widgets/notebook/index.ts | 3 +-- packages/widgets/src/beszel-alerts/index.ts | 1 - packages/widgets/src/beszel-system-grid/index.ts | 1 - packages/widgets/src/beszel-system-stats/index.ts | 1 - packages/widgets/src/beszel-system-table/index.ts | 1 - packages/widgets/src/clock/index.ts | 1 - packages/widgets/src/indexer-manager/index.ts | 1 - packages/widgets/src/notebook/index.ts | 1 - 11 files changed, 3 insertions(+), 19 deletions(-) diff --git a/apps/docs/docs/widgets/clock/index.mdx b/apps/docs/docs/widgets/clock/index.mdx index 6f070c679..6ec75e9f6 100644 --- a/apps/docs/docs/widgets/clock/index.mdx +++ b/apps/docs/docs/widgets/clock/index.mdx @@ -15,8 +15,6 @@ import { clockWidget } from "."; The clock widget displays the current date and time in a customizable format. -Advanced view always exposes seconds, the full date, timezone and UTC offset. When weather is enabled, it also shows the configured location, conditions, today's high/low and humidity, wind, sunrise, and sunset from the same cached forecast. - ### Screenshots import localClock from "./img/local.png"; diff --git a/apps/docs/docs/widgets/indexer-manager/index.mdx b/apps/docs/docs/widgets/indexer-manager/index.mdx index 4efeb5840..2deeecd66 100644 --- a/apps/docs/docs/widgets/indexer-manager/index.mdx +++ b/apps/docs/docs/widgets/indexer-manager/index.mdx @@ -39,9 +39,7 @@ import { prowlarrIntegration } from "@site/docs/integrations/prowlarr"; - Test all indexers by clicking on the test button. -In advanced view, every indexer is grouped under its integration source and receives an explicit Healthy, Unhealthy, or Disabled status. Safe indexer links and the permission-checked test action behave exactly as they do on the board. - - + ### Adding the widget diff --git a/apps/docs/docs/widgets/notebook/index.mdx b/apps/docs/docs/widgets/notebook/index.mdx index aae4ba46f..887908372 100644 --- a/apps/docs/docs/widgets/notebook/index.mdx +++ b/apps/docs/docs/widgets/notebook/index.mdx @@ -26,7 +26,7 @@ import editOn from "./img/edit.png"; notebook edit-on - + ### Adding the widget @@ -46,10 +46,6 @@ You can then decide to save your changes or cancel them to exit editing, using t ![](./img/notebook-exit-editing.webp) -### Advanced view - -Advanced view keeps the notebook read-only until an authorized user enters editing. While editing, it always shows the complete, unclipped toolbar even when **Show the toolbar** is disabled, and it always displays the document word and character counts regardless of the widget height. Permissions, saving and cancellation, and the **Allow check in read only mode** setting work exactly as they do in the compact widget. - ### Notebook toolbar functions The notebook offers a variety of functions to edit the text and more. diff --git a/apps/docs/docs/widgets/notebook/index.ts b/apps/docs/docs/widgets/notebook/index.ts index 8e2c1c991..f477281e1 100644 --- a/apps/docs/docs/widgets/notebook/index.ts +++ b/apps/docs/docs/widgets/notebook/index.ts @@ -10,8 +10,7 @@ export const notebookWidget: WidgetDefinition = { items: [ { name: "Show the toolbar to help you write markdown", - description: - "Upon editing in compact mode, enables a toolbar at the top with document editing functions. Advanced view always shows the complete toolbar while editing.", + description: "Upon editing, enables a toolbar at the top with document editing functions.", values: { type: "boolean" }, defaultValue: "yes", }, diff --git a/packages/widgets/src/beszel-alerts/index.ts b/packages/widgets/src/beszel-alerts/index.ts index 12bd3d419..e8a32796d 100644 --- a/packages/widgets/src/beszel-alerts/index.ts +++ b/packages/widgets/src/beszel-alerts/index.ts @@ -6,7 +6,6 @@ import { optionsBuilder } from "../options"; export const { definition, componentLoader } = createWidgetDefinition("beszelAlerts", { icon: IconBell, - supportsAdvancedFocus: true, queryKey: [["widget", "beszel", "getAlerts"]], queryMatcher(query, scope) { const hasRuntimeAlertsQuery = scope.runtimeQueries.some(({ path }) => path.at(-1) === "getAlerts"); diff --git a/packages/widgets/src/beszel-system-grid/index.ts b/packages/widgets/src/beszel-system-grid/index.ts index c4ac8ae75..9a5444e28 100644 --- a/packages/widgets/src/beszel-system-grid/index.ts +++ b/packages/widgets/src/beszel-system-grid/index.ts @@ -6,7 +6,6 @@ import { optionsBuilder } from "../options"; export const { definition, componentLoader } = createWidgetDefinition("beszelSystemGrid", { icon: IconLayoutGrid, - supportsAdvancedFocus: true, queryKey: [["widget", "beszel", "getSystems"]], supportedIntegrations: ["beszel", "mock"], integrationsRequired: true, diff --git a/packages/widgets/src/beszel-system-stats/index.ts b/packages/widgets/src/beszel-system-stats/index.ts index d3df5734b..71a696750 100644 --- a/packages/widgets/src/beszel-system-stats/index.ts +++ b/packages/widgets/src/beszel-system-stats/index.ts @@ -16,7 +16,6 @@ const timePeriodOptions = [ ]; export const { definition, componentLoader } = createWidgetDefinition("beszelSystemStats", { - supportsAdvancedFocus: false, icon: IconChartAreaLine, queryKeys: [[["widget", "beszel", "getSystems"]], [["widget", "beszel", "getSystemStats"]]], queryMatcher(query, scope) { diff --git a/packages/widgets/src/beszel-system-table/index.ts b/packages/widgets/src/beszel-system-table/index.ts index 44209614a..76fb0264f 100644 --- a/packages/widgets/src/beszel-system-table/index.ts +++ b/packages/widgets/src/beszel-system-table/index.ts @@ -25,7 +25,6 @@ const sortDirectionOptions = [ export const { definition, componentLoader } = createWidgetDefinition("beszelSystemTable", { icon: IconTable, - supportsAdvancedFocus: true, queryKeys: [[["widget", "beszel", "getSystems"]], [["widget", "beszel", "getSystemStats"]]], queryMatcher: (query, scope) => query.path.at(-1) === "getSystems" diff --git a/packages/widgets/src/clock/index.ts b/packages/widgets/src/clock/index.ts index 45b040009..e7657b918 100644 --- a/packages/widgets/src/clock/index.ts +++ b/packages/widgets/src/clock/index.ts @@ -6,7 +6,6 @@ import { optionsBuilder } from "../options"; export const { definition, componentLoader } = createWidgetDefinition("clock", { icon: IconClock, - supportsAdvancedFocus: true, queryKey: [["widget", "weather", "atLocation"]], queryMatcher: ({ input }, scope) => { const location = scope.options.weatherLocation; diff --git a/packages/widgets/src/indexer-manager/index.ts b/packages/widgets/src/indexer-manager/index.ts index aa8bc73f8..8cc1e0eed 100644 --- a/packages/widgets/src/indexer-manager/index.ts +++ b/packages/widgets/src/indexer-manager/index.ts @@ -13,7 +13,6 @@ const createOptions = () => })); export const { definition, componentLoader } = createWidgetDefinition("indexerManager", { - supportsAdvancedFocus: true, icon: IconReportSearch, contextActions: ({ widgetRuntimeRef, context }) => [ { diff --git a/packages/widgets/src/notebook/index.ts b/packages/widgets/src/notebook/index.ts index b4221e55c..6b85f3e33 100644 --- a/packages/widgets/src/notebook/index.ts +++ b/packages/widgets/src/notebook/index.ts @@ -5,7 +5,6 @@ import { optionsBuilder } from "../options"; import { defaultContent } from "./default-content"; export const { definition, componentLoader } = createWidgetDefinition("notebook", { - supportsAdvancedFocus: true, icon: IconNotes, createOptions() { return optionsBuilder.from(