Merge branch 'dev' into feat/add-mcp-server

Merge remote-tracking branch 'origin/dev' into feat/add-mcp-server
# Conflicts: # pnpm-lock.yaml # pnpm-workspace.yaml
2026-06-10 18:28:24 +02:00 · 2026-06-10 18:25:40 +02:00 · 2026-06-09 00:39:53 +02:00 · 2026-06-08 22:19:09 +00:00 · 2026-06-09 00:18:25 +02:00 · 2026-06-09 00:18:25 +02:00
74 changed files with 226 additions and 1251 deletions
@@ -1,3 +0,0 @@
-[tools]
-node = "24.16.0"
-pnpm = "10.33.4"
@@ -59,7 +59,6 @@
    "@modelcontextprotocol/sdk": "catalog:",
    "@scalar/api-reference-react": "catalog:",
    "@tabler/icons-react": "catalog:",
-    "@tanstack/query-persist-client-core": "catalog:",
    "@tanstack/react-query": "catalog:",
    "@tanstack/react-query-devtools": "catalog:",
    "@tanstack/react-query-next-experimental": "catalog:",
@@ -1,49 +0,0 @@
-import type { AsyncStorage, PersistedQuery } from "@tanstack/query-persist-client-core";
-import { experimental_createQueryPersister } from "@tanstack/query-persist-client-core";
-import { parse, stringify } from "superjson";
-
-import { fetchApi } from "@homarr/api/client";
-import {
-  getActiveQueryCacheBoardId,
-  isPersistableWidgetQueryKey,
-  queryCacheStoragePrefix,
-} from "@homarr/api/query-cache";
-
-const queryCacheStorage = {
-  async getItem(_key) {
-    return null;
-  },
-  async setItem(key, value) {
-    const boardId = getActiveQueryCacheBoardId();
-    if (!boardId) return;
-
-    try {
-      await fetchApi.queryCache.setItem.mutate({ boardId, key, value });
-    } catch {
-      // Query persistence is best-effort; failed writes should not affect widget rendering.
-    }
-  },
-  async removeItem(key) {
-    const boardId = getActiveQueryCacheBoardId();
-    if (!boardId) return;
-
-    try {
-      await fetchApi.queryCache.removeItem.mutate({ boardId, key });
-    } catch {
-      // Query persistence is best-effort; failed removals should not affect widget rendering.
-    }
-  },
-} satisfies AsyncStorage<string>;
-
-export const createWidgetQueryPersister = () =>
-  experimental_createQueryPersister<string>({
-    storage: typeof window === "undefined" ? undefined : queryCacheStorage,
-    maxAge: Number.POSITIVE_INFINITY,
-    prefix: queryCacheStoragePrefix,
-    refetchOnRestore: true,
-    serialize: (query) => stringify(query),
-    deserialize: (value) => parse<PersistedQuery>(value),
-    filters: {
-      predicate: (query) => isPersistableWidgetQueryKey(query.queryKey),
-    },
-  });
@@ -21,13 +21,10 @@ import { TRPCClientError } from "@trpc/client";

 import type { AppRouter } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { queryCacheDefaultStaleTimeMs } from "@homarr/api/query-cache";
 import { createHeadersCallbackForSource, getTrpcUrl } from "@homarr/api/shared";
 import { env } from "@homarr/common/env";
 import { showWarningNotification } from "@homarr/notifications";

-import { createWidgetQueryPersister } from "./query-cache-persister";
-
 const getWebSocketProtocol = () => {
  // window is not defined on server side
  if (typeof window === "undefined") {
@@ -55,14 +52,12 @@ const wsClient = createWSClient({
 });

 export function TRPCReactProvider(props: PropsWithChildren) {
-  const [queryPersister] = useState(() => createWidgetQueryPersister());
  const [queryClient] = useState(
    () =>
      new QueryClient({
        defaultOptions: {
          queries: {
-            persister: queryPersister.persisterFn,
-            staleTime: queryCacheDefaultStaleTimeMs,
+            staleTime: 5 * 1000,
          },
          mutations: {
            onError(error) {
@@ -1,13 +1,10 @@
 import type { Metadata } from "next";
-import { Suspense } from "react";
 import { TRPCError } from "@trpc/server";

 // Placed here because gridstack styles are used for board content
 import "~/styles/gridstack.scss";

-import type { DehydratedState } from "@tanstack/react-query";
 import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
-import { parse } from "superjson";

 import { getQueryClient } from "@homarr/api/server";
 import { IntegrationProvider } from "@homarr/auth/client";
@@ -17,7 +14,6 @@ import { isNullOrWhitespace } from "@homarr/common";
 import { createLogger } from "@homarr/core/infrastructure/logs";
 import { ErrorWithMetadata } from "@homarr/core/infrastructure/logs/error";
 import type { WidgetKind } from "@homarr/definitions";
-import { getAllQueryCacheAsync } from "@homarr/redis";
 import { getI18n } from "@homarr/translation/server";
 import { prefetchForKindAsync } from "@homarr/widgets/prefetch";

@@ -76,14 +72,9 @@ export const createBoardContentPage = <TParams extends Record<string, unknown>>(
        ),
      ]);

-      const userId = session?.user.id ?? "anonymous";
-
      return (
        <HydrationBoundary state={dehydrate(queryClient)}>
          <IntegrationProvider integrations={integrations}>
-            <Suspense>
-              <QueryCacheHydration userId={userId} boardId={board.id} />
-            </Suspense>
            <DynamicClientBoard />
          </IntegrationProvider>
        </HydrationBoundary>
@@ -117,37 +108,3 @@ export const createBoardContentPage = <TParams extends Record<string, unknown>>(
    },
  };
 };
-
-interface PersistedEntry {
-  state: { data: unknown; dataUpdatedAt: number; status: string };
-  queryKey: unknown[];
-  queryHash: string;
-}
-
-async function QueryCacheHydration({ userId, boardId }: { userId: string; boardId: string }) {
-  try {
-    const entries = await getAllQueryCacheAsync(userId, boardId);
-    const queries: DehydratedState["queries"] = [];
-
-    for (const serialized of Object.values(entries)) {
-      try {
-        const persisted = parse<PersistedEntry>(serialized);
-        if (persisted.state.status !== "success") continue;
-
-        queries.push({
-          state: persisted.state as DehydratedState["queries"][number]["state"],
-          queryKey: persisted.queryKey,
-          queryHash: persisted.queryHash,
-        });
-      } catch {
-        // skip malformed entries
-      }
-    }
-
-    if (queries.length === 0) return null;
-
-    return <HydrationBoundary state={{ mutations: [], queries }} />;
-  } catch {
-    return null;
-  }
-}
@@ -1,155 +0,0 @@
-import { objectEntries } from "@homarr/common";
-import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
-import type { SettingsContextProps } from "@homarr/settings/creator";
-import type { WidgetOptionDefinition, WidgetOptionType } from "@homarr/widgets";
-import { reduceWidgetOptionsWithDefaultValues, widgetImports } from "@homarr/widgets";
-
-import type { SectionItem } from "~/app/[locale]/boards/_types";
-
-export type Translator = {
-  (key: string): string;
-};
-
-export interface HoverMetadataItem {
-  label: string;
-  value: string;
-}
-
-const maxMetadataItems = 3;
-
-const skippedOptionTypes: Partial<Record<WidgetOptionType, true>> = {
-  app: true,
-  anchorNote: true,
-  dynamicSelect: true,
-  sortableItemList: true,
-  multiReleasesRepositories: true,
-  umamiEventName: true,
-  umamiEventNames: true,
-  umamiWebsite: true,
-};
-
-const isEqualValue = (left: unknown, right: unknown) => JSON.stringify(left) === JSON.stringify(right);
-
-type OptionDefinitionWithRules = WidgetOptionDefinition & {
-  shouldHide?: (options: never, integrationKinds: IntegrationKind[]) => boolean;
-  options?: readonly { value: unknown; label: unknown }[];
-};
-
-type OptionFormatter = (value: unknown, definition: OptionDefinitionWithRules, t: Translator) => string | null;
-
-const resolveSelectLabel = (value: unknown, definition: OptionDefinitionWithRules, t: Translator) => {
-  const match = definition.options?.find((option) => option.value === value);
-  const label = match?.label;
-  const fallbackLabel = () => String(value);
-  const labelResolvers: Record<string, () => string> = {
-    function: () => (label as (translator: Translator) => string)(t),
-    string: () => label as string,
-    missing: fallbackLabel,
-  };
-  const labelType = typeof label;
-  const resolveLabel: () => string = labelResolvers[labelType] ?? fallbackLabel;
-  return resolveLabel();
-};
-
-const optionTypeFormatters: Partial<Record<WidgetOptionType, OptionFormatter>> = {
-  switch: (value, _, t) => {
-    const switchLabels: Record<string, string> = {
-      true: t("common.action.show"),
-      false: t("common.action.hide"),
-    };
-    return switchLabels[String(Boolean(value))] ?? null;
-  },
-  text: (value) => {
-    const text = String(value).trim();
-    return text.length > 0 ? text : null;
-  },
-  number: (value) => String(value),
-  slider: (value) => String(value),
-  select: (value, definition, t) => resolveSelectLabel(value, definition, t),
-  multiSelect: (value) => {
-    const items = value as unknown[];
-    return items.length > 0 ? String(items.length) : null;
-  },
-  multiText: (value) => {
-    const items = (value as string[]).filter((entry) => entry.trim().length > 0);
-    return items.length > 0 ? items.join(", ") : null;
-  },
-  location: (value) => {
-    const location = value as { name?: string };
-    const name = location.name?.trim() ?? "";
-    return name.length > 0 ? name : null;
-  },
-};
-
-const formatOptionValue = (
-  type: WidgetOptionType,
-  value: unknown,
-  definition: OptionDefinitionWithRules,
-  t: Translator,
-) => {
-  const formatter = optionTypeFormatters[type];
-  return formatter?.(value, definition, t) ?? null;
-};
-
-const getOptionLabel = (kind: WidgetKind, key: string, t: Translator) => {
-  const labelKey = `widget.${kind}.option.${key}.label`;
-  const translated = t(labelKey);
-  return translated === labelKey ? key : translated;
-};
-
-export const collectWidgetHoverMetadata = (
-  item: SectionItem,
-  settings: Pick<SettingsContextProps, "enableStatusByDefault" | "forceDisableStatus">,
-  integrationKinds: IntegrationKind[],
-  t: Translator,
-): HoverMetadataItem[] => {
-  const { definition } = widgetImports[item.kind];
-  const optionDefinitions = definition.createOptions(settings) as Record<string, OptionDefinitionWithRules>;
-  const resolvedOptions = reduceWidgetOptionsWithDefaultValues(item.kind, settings, item.options);
-
-  return objectEntries(optionDefinitions)
-    .filter(([key, optionDefinition]) => {
-      const skip = skippedOptionTypes[optionDefinition.type];
-      const hidden = optionDefinition.shouldHide?.(resolvedOptions as never, integrationKinds);
-      const unchanged = isEqualValue(resolvedOptions[key], optionDefinition.defaultValue);
-      return !skip && !hidden && !unchanged;
-    })
-    .map(([key, optionDefinition]) => {
-      const formattedValue = formatOptionValue(optionDefinition.type, resolvedOptions[key], optionDefinition, t);
-      return {
-        label: getOptionLabel(item.kind, key, t),
-        value: formattedValue ?? "",
-      };
-    })
-    .filter((entry) => entry.value.length > 0)
-    .slice(0, maxMetadataItems);
-};
-
-interface DisplayNameSource {
-  matches: (item: SectionItem, options: Record<string, unknown>) => boolean;
-  resolve: (item: SectionItem, options: Record<string, unknown>) => string;
-}
-
-const displayNameSources: DisplayNameSource[] = [
-  {
-    matches: (item) => Boolean(item.advancedOptions.title?.trim()),
-    resolve: (item) => item.advancedOptions.title?.trim() ?? "",
-  },
-  {
-    matches: (item, options) =>
-      item.kind === "clock" &&
-      Boolean(options.customTitleToggle) &&
-      String(options.customTitle ?? "").trim().length > 0,
-    resolve: (_, options) => String(options.customTitle).trim(),
-  },
-];
-
-export const resolveWidgetDisplayName = (
-  item: SectionItem,
-  settings: Pick<SettingsContextProps, "enableStatusByDefault" | "forceDisableStatus">,
-  t: Translator,
-) => {
-  const resolvedOptions = reduceWidgetOptionsWithDefaultValues(item.kind, settings, item.options);
-  const source = displayNameSources.find((entry) => entry.matches(item, resolvedOptions));
-  return source?.resolve(item, resolvedOptions) ?? t(`widget.${item.kind}.name`);
-};
@@ -1,116 +0,0 @@
-.wrapper {
-  position: absolute;
-  left: 10px;
-  right: 10px;
-  bottom: calc(100% - 10px);
-  margin-bottom: 1px;
-  z-index: 200;
-  pointer-events: auto;
-  opacity: 0;
-  transform: translateY(6px);
-  transition:
-    opacity 150ms ease,
-    transform 150ms ease;
-}
-
-:global(.grid-stack-item[data-type="item"]:not([data-kind="app"]):hover) .wrapper,
-:global(.grid-stack-item[data-type="item"]:not([data-kind="app"]):focus-within) .wrapper {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.panel {
-  @mixin dark {
-    --background-color: rgb(from var(--mantine-color-dark-7) r g b / 0.96);
-    --border-color: rgb(from var(--mantine-color-dark-4) r g b / 0.9);
-  }
-  @mixin light {
-    --background-color: rgb(from var(--mantine-color-white) r g b / 0.96);
-    --border-color: rgb(from var(--mantine-color-gray-3) r g b / 0.9);
-  }
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 28px;
-  padding: 4px 8px;
-  border: 1px solid var(--border-color);
-  border-radius: var(--mantine-radius-md);
-  background-color: var(--background-color);
-  box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);
-  backdrop-filter: blur(8px);
-  overflow: hidden;
-}
-
-.nameSection {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 0;
-  flex-shrink: 0;
-}
-
-.widgetIcon {
-  flex-shrink: 0;
-  color: var(--mantine-color-dimmed);
-}
-
-.name {
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 1.2;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.integrations {
-  flex-shrink: 0;
-}
-
-.integrationAvatar {
-  border: none;
-}
-
-.metadata {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  min-width: 0;
-  margin-left: auto;
-}
-
-.metadataItem {
-  @mixin dark {
-    --chip-background: rgb(from var(--mantine-color-dark-5) r g b / 0.9);
-  }
-  @mixin light {
-    --chip-background: rgb(from var(--mantine-color-gray-1) r g b / 0.95);
-  }
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  max-width: 140px;
-  padding: 2px 6px;
-  border-radius: var(--mantine-radius-md);
-  background-color: var(--chip-background);
-  font-size: 10px;
-  line-height: 1.2;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.metadataLabel {
-  color: var(--mantine-color-dimmed);
-  flex-shrink: 0;
-}
-
-.metadataValue {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-@media (max-width: 768px) {
-  .wrapper {
-    display: none;
-  }
-}
@@ -1,86 +0,0 @@
-"use client";
-
-import { Avatar, Group, Text, Tooltip } from "@mantine/core";
-
-import type { RouterOutputs } from "@homarr/api";
-import { useEditMode } from "@homarr/boards/edit-mode";
-import { getIconUrl } from "@homarr/definitions";
-import { useSettings } from "@homarr/settings";
-import { useI18n } from "@homarr/translation/client";
-import { widgetImports } from "@homarr/widgets";
-
-import type { SectionItem } from "~/app/[locale]/boards/_types";
-import type { Translator } from "./widget-hover-metadata";
-import { collectWidgetHoverMetadata, resolveWidgetDisplayName } from "./widget-hover-metadata";
-import classes from "./widget-hover-overlay.module.css";
-
-interface WidgetHoverOverlayProps {
-  item: SectionItem;
-  integrations: RouterOutputs["integration"]["all"] | undefined;
-}
-
-export const WidgetHoverOverlay = ({ item, integrations }: WidgetHoverOverlayProps) => {
-  const [isEditMode] = useEditMode();
-  const settings = useSettings();
-  const t = useI18n();
-  const { definition } = widgetImports[item.kind];
-  const WidgetIcon = definition.icon;
-
-  const translate = ((key: string) => t(key as never)) as Translator;
-  const displayName = resolveWidgetDisplayName(item, settings, translate);
-
-  const connectedIntegrations = (integrations ?? []).filter((integration) =>
-    item.integrationIds.includes(integration.id),
-  );
-  const metadataItems = collectWidgetHoverMetadata(
-    item,
-    settings,
-    connectedIntegrations.map((integration) => integration.kind),
-    translate,
-  );
-  const hasIntegrations = connectedIntegrations.length > 0;
-  const hasMetadata = metadataItems.length > 0;
-
-  if (isEditMode) {
-    return null;
-  }
-
-  return (
-    <div className={classes.wrapper}>
-      <div className={classes.panel}>
-        <div className={classes.nameSection}>
-          <WidgetIcon size={14} stroke={1.75} className={classes.widgetIcon} />
-          <Text className={classes.name} title={displayName}>
-            {displayName}
-          </Text>
-        </div>
-
-        {hasIntegrations && (
-          <Avatar.Group spacing="xs" className={classes.integrations}>
-            {connectedIntegrations.map((integration) => (
-              <Tooltip key={integration.id} label={integration.name} withArrow position="top">
-                <Avatar
-                  src={getIconUrl(integration.kind)}
-                  size={20}
-                  radius="sm"
-                  className={classes.integrationAvatar}
-                />
-              </Tooltip>
-            ))}
-          </Avatar.Group>
-        )}
-
-        {hasMetadata && (
-          <Group className={classes.metadata} gap={4}>
-            {metadataItems.map((metadataItem) => (
-              <div key={`${metadataItem.label}-${metadataItem.value}`} className={classes.metadataItem}>
-                <span className={classes.metadataLabel}>{metadataItem.label}</span>
-                <span className={classes.metadataValue}>{metadataItem.value}</span>
-              </div>
-            ))}
-          </Group>
-        )}
-      </div>
-    </div>
-  );
-};
@@ -2,12 +2,8 @@ import { useMemo } from "react";

 import type { GridItemHTMLElement } from "@homarr/gridstack";

-import type { RouterOutputs } from "@homarr/api";
-import { clientApi } from "@homarr/api/client";
-
 import type { DynamicSectionItem, SectionItem } from "~/app/[locale]/boards/_types";
 import { BoardItemContent } from "../items/item-content";
-import { WidgetHoverOverlay } from "../items/widget-hover-overlay";
 import { BoardDynamicSection } from "./dynamic-section";
 import { GridStackItem } from "./gridstack/gridstack-item";
 import { useSectionContext } from "./section-context";
@@ -15,7 +11,6 @@ import { useSectionItems } from "./use-section-items";

 export const SectionContent = () => {
  const { innerSections, items, refs } = useSectionContext();
-  const { data: integrations } = clientApi.integration.all.useQuery();

  /**
   * IMPORTANT: THE ORDER OF THE BELOW ITEMS HAS TO MATCH THE ORDER OF
@@ -23,7 +18,7 @@ export const SectionContent = () => {
   * @see https://github.com/homarr-labs/homarr/pull/1770
   */
  const sortedItems = useMemo(() => {
-    return [...items, ...innerSections].toSorted((itemA, itemB) => {
+    return [...items, ...innerSections].sort((itemA, itemB) => {
      if (itemA.yOffset === itemB.yOffset) {
        return itemA.xOffset - itemB.xOffset;
      }
@@ -35,7 +30,7 @@ export const SectionContent = () => {
  return (
    <>
      {sortedItems.map((item) => (
-        <Item key={item.id} item={item} innerRef={refs.items.current[item.id]} integrations={integrations} />
+        <Item key={item.id} item={item} innerRef={refs.items.current[item.id]} />
      ))}
    </>
  );
@@ -44,12 +39,12 @@ export const SectionContent = () => {
 interface ItemProps {
  item: DynamicSectionItem | SectionItem;
  innerRef: React.RefObject<GridItemHTMLElement | null> | undefined;
-  integrations: RouterOutputs["integration"]["all"] | undefined;
 }

-const Item = ({ item, innerRef, integrations }: ItemProps) => {
+const Item = ({ item, innerRef }: ItemProps) => {
  const minWidth = useMinSize(item, "x");
  const minHeight = useMinSize(item, "y");
+
  return (
    <GridStackItem
      key={item.id}
@@ -64,7 +59,6 @@ const Item = ({ item, innerRef, integrations }: ItemProps) => {
      minWidth={minWidth}
      minHeight={minHeight}
    >
-      {item.type === "item" && item.kind !== "app" && <WidgetHoverOverlay item={item} integrations={integrations} />}
      {item.type === "item" ? <BoardItemContent item={item} /> : <BoardDynamicSection section={item} />}
    </GridStackItem>
  );
@@ -102,10 +102,6 @@
  overflow-y: auto;
 }

-.grid-stack > .grid-stack-item[data-type="item"] {
-  overflow: visible;
-}
-
 .grid-stack.grid-stack-animate {
  transition: none;
 }
@@ -9,7 +9,6 @@
  "exports": {
    ".": "./src/index.ts",
    "./client": "./src/client.ts",
-    "./query-cache": "./src/query-cache.ts",
    "./server": "./src/server.ts",
    "./websocket": "./src/websocket.ts",
    "./shared": "./src/shared.ts",
@@ -1,34 +0,0 @@
-import type { QueryKey } from "@tanstack/react-query";
-
-export const queryCacheRetentionMs = 1000 * 60 * 60 * 24;
-export const queryCacheDefaultStaleTimeMs = 1000 * 60 * 5;
-export const queryCacheMaxValueBytes = 1024 * 1024;
-export const queryCacheStoragePrefix = "homarr-widget-query";
-
-let activeQueryCacheBoardId: string | null = null;
-
-export const setActiveQueryCacheBoardId = (boardId: string | null) => {
-  activeQueryCacheBoardId = boardId;
-};
-
-export const getActiveQueryCacheBoardId = () => activeQueryCacheBoardId;
-
-const persistableQueryPaths = new Set(["app.byId", "app.byIds", "docker.getContainers", "integration.byIds"]);
-const excludedWidgetPaths = new Set(["widget.app.ping"]);
-
-const getTrpcPathFromQueryKey = (queryKey: QueryKey) => {
-  const first = queryKey[0];
-  if (!Array.isArray(first)) return null;
-
-  const parts = first.filter((part): part is string => typeof part === "string");
-  return parts.length > 0 ? parts : null;
-};
-
-export const isPersistableWidgetQueryKey = (queryKey: QueryKey) => {
-  const path = getTrpcPathFromQueryKey(queryKey);
-  if (!path) return false;
-
-  if (path[0] === "widget") return !excludedWidgetPaths.has(path.join("."));
-
-  return persistableQueryPaths.has(path.join("."));
-};
@@ -24,7 +24,6 @@ export const appRouter = createTRPCRouter({
  cronJobs: lazy(() => import("./router/cron-jobs").then((mod) => mod.cronJobsRouter)),
  apiKeys: lazy(() => import("./router/apiKeys").then((mod) => mod.apiKeysRouter)),
  media: lazy(() => import("./router/medias/media-router").then((mod) => mod.mediaRouter)),
-  queryCache: lazy(() => import("./router/query-cache").then((mod) => mod.queryCacheRouter)),
  updateChecker: lazy(() => import("./router/update-checker").then((mod) => mod.updateCheckerRouter)),
  certificates: lazy(() => import("./router/certificates/certificate-router").then((mod) => mod.certificateRouter)),
  bangs: lazy(() => import("./router/bangs/bangs-router").then((mod) => mod.bangsRouter)),
@@ -1,54 +0,0 @@
-import { z } from "zod/v4";
-
-import { eq } from "@homarr/db";
-import { boards } from "@homarr/db/schema";
-import { createQueryCacheChannel } from "@homarr/redis";
-
-import { queryCacheMaxValueBytes, queryCacheRetentionMs } from "../query-cache";
-import { createTRPCRouter, publicProcedure } from "../trpc";
-import { throwIfActionForbiddenAsync } from "./board/board-access";
-
-const queryCacheKeyInput = z.object({
-  boardId: z.string().min(1),
-  key: z.string().min(1).max(4096),
-});
-
-const queryCacheSetInput = queryCacheKeyInput.extend({
-  value: z.string().max(queryCacheMaxValueBytes * 2),
-});
-
-const createChannel = (input: z.infer<typeof queryCacheKeyInput>, userId: string) =>
-  createQueryCacheChannel({
-    userId,
-    boardId: input.boardId,
-    key: input.key,
-    ttlMs: queryCacheRetentionMs,
-    maxValueBytes: queryCacheMaxValueBytes,
-  });
-
-const validateBoardAccessAsync = async (ctx: Parameters<typeof throwIfActionForbiddenAsync>[0], boardId: string) => {
-  await throwIfActionForbiddenAsync(ctx, eq(boards.id, boardId), "view");
-};
-
-export const queryCacheRouter = createTRPCRouter({
-  getItem: publicProcedure.input(queryCacheKeyInput).query(async ({ ctx, input }) => {
-    await validateBoardAccessAsync(ctx, input.boardId);
-
-    const channel = createChannel(input, ctx.session?.user.id ?? "anonymous");
-    return await channel.getAsync();
-  }),
-  setItem: publicProcedure.input(queryCacheSetInput).mutation(async ({ ctx, input }) => {
-    await validateBoardAccessAsync(ctx, input.boardId);
-
-    const channel = createChannel(input, ctx.session?.user.id ?? "anonymous");
-    return {
-      stored: await channel.setAsync(input.value),
-    };
-  }),
-  removeItem: publicProcedure.input(queryCacheKeyInput).mutation(async ({ ctx, input }) => {
-    await validateBoardAccessAsync(ctx, input.boardId);
-
-    const channel = createChannel(input, ctx.session?.user.id ?? "anonymous");
-    await channel.removeAsync();
-  }),
-});
@@ -1,7 +1,5 @@
 import { defaultShouldDehydrateQuery, QueryClient } from "@tanstack/react-query";

-import { queryCacheDefaultStaleTimeMs } from "./query-cache";
-
 /**
 * Creates a headers callback for a given source
 * It will set the x-trpc-source header and cookies if needed
@@ -60,7 +58,7 @@ export const makeQueryClient = () => {
  return new QueryClient({
    defaultOptions: {
      queries: {
-        staleTime: queryCacheDefaultStaleTimeMs,
+        staleTime: 5 * 1000,
      },
      dehydrate: {
        shouldDehydrateQuery: (query) => defaultShouldDehydrateQuery(query) || query.state.status === "pending",
@@ -1,224 +0,0 @@
-import { afterEach, describe, expect, test, vi } from "vitest";
-import { QueryClient } from "@tanstack/react-query";
-
-import type { Session } from "@homarr/auth";
-import { createId } from "@homarr/common";
-import type { Database } from "@homarr/db";
-import { boards, users } from "@homarr/db/schema";
-import { createDb } from "@homarr/db/test";
-import {
-  isPersistableWidgetQueryKey,
-  queryCacheDefaultStaleTimeMs,
-  queryCacheMaxValueBytes,
-  queryCacheRetentionMs,
-} from "@homarr/api/query-cache";
-
-import { queryCacheRouter } from "../router/query-cache";
-
-const redisMock = vi.hoisted(() => {
-  const values = new Map<string, { value: string; expiresAt: number }>();
-  const calls: {
-    userId: string;
-    boardId: string;
-    key: string;
-    ttlMs: number;
-    maxValueBytes: number;
-  }[] = [];
-
-  return {
-    values,
-    calls,
-    createQueryCacheChannel: vi.fn(
-      (options: { userId: string; boardId: string; key: string; ttlMs: number; maxValueBytes: number }) => {
-        calls.push(options);
-        const storageKey = `${options.userId}:${options.boardId}:${options.key}`;
-
-        return {
-          getAsync: async () => {
-            const item = values.get(storageKey);
-            if (!item) return null;
-            if (Date.now() > item.expiresAt) {
-              values.delete(storageKey);
-              return null;
-            }
-
-            return item.value;
-          },
-          setAsync: async (value: string) => {
-            if (Buffer.byteLength(value, "utf8") > options.maxValueBytes) {
-              return false;
-            }
-
-            values.set(storageKey, { value, expiresAt: Date.now() + options.ttlMs });
-            return true;
-          },
-          removeAsync: async () => {
-            values.delete(storageKey);
-          },
-        };
-      },
-    ),
-  };
-});
-
-vi.mock("@homarr/redis", () => ({
-  createQueryCacheChannel: redisMock.createQueryCacheChannel,
-}));
-
-vi.mock("@homarr/auth", () => ({ auth: () => ({}) as Session }));
-
-afterEach(() => {
-  vi.useRealTimers();
-  redisMock.values.clear();
-  redisMock.calls.length = 0;
-  redisMock.createQueryCacheChannel.mockClear();
-});
-
-const createSession = (userId = createId()): Session => ({
-  user: {
-    id: userId,
-    permissions: [],
-    colorScheme: "light",
-  },
-  expires: new Date().toISOString(),
-});
-
-const insertUserAsync = async (db: Database, id: string) => {
-  await db.insert(users).values({ id });
-};
-
-describe("isPersistableWidgetQueryKey", () => {
-  test.each([
-    [[["widget", "calendar", "findAllEvents"], { type: "query" }], true],
-    [[["app", "byId"], { type: "query" }], true],
-    [[["app", "byIds"], { type: "query" }], true],
-    [[["docker", "getContainers"], { type: "query" }], true],
-    [[["integration", "byIds"], { type: "query" }], true],
-    [[["widget", "app", "ping"], { type: "query", input: { id: "abc" } }], false],
-    [[["app", "selectable"], { type: "query" }], false],
-    [[["board", "getBoardByName"], { type: "query" }], false],
-    [["widget"], false],
-  ])("matches persist filter for %j", (queryKey, expected) => {
-    expect(isPersistableWidgetQueryKey(queryKey)).toBe(expected);
-  });
-});
-
-describe("queryCacheRouter", () => {
-  test("stores, reads, and removes data for a board viewer", async () => {
-    const db = createDb();
-    const session = createSession();
-    await insertUserAsync(db, session.user.id);
-    await db.insert(boards).values({ id: "board-1", name: "board", creatorId: session.user.id, isPublic: false });
-
-    const caller = queryCacheRouter.createCaller({ db, deviceType: undefined, session });
-
-    await expect(caller.setItem({ boardId: "board-1", key: "query-key", value: "cached-value" })).resolves.toEqual({
-      stored: true,
-    });
-    await expect(caller.getItem({ boardId: "board-1", key: "query-key" })).resolves.toBe("cached-value");
-
-    await caller.removeItem({ boardId: "board-1", key: "query-key" });
-
-    await expect(caller.getItem({ boardId: "board-1", key: "query-key" })).resolves.toBeNull();
-  });
-
-  test("does not touch Redis when board access is denied", async () => {
-    const db = createDb();
-    await insertUserAsync(db, "owner");
-    await db.insert(boards).values({ id: "board-1", name: "board", creatorId: "owner", isPublic: false });
-
-    redisMock.createQueryCacheChannel.mockClear();
-    const caller = queryCacheRouter.createCaller({ db, deviceType: undefined, session: createSession("other-user") });
-
-    await expect(caller.getItem({ boardId: "board-1", key: "query-key" })).rejects.toThrow("Board not found");
-    expect(redisMock.createQueryCacheChannel).not.toHaveBeenCalled();
-  });
-
-  test("scopes anonymous public-board cache entries by anonymous user and board", async () => {
-    const db = createDb();
-    await insertUserAsync(db, "owner");
-    await db.insert(boards).values({ id: "board-1", name: "board", creatorId: "owner", isPublic: true });
-
-    const caller = queryCacheRouter.createCaller({ db, deviceType: undefined, session: null });
-
-    await caller.setItem({ boardId: "board-1", key: "query-key", value: "cached-value" });
-
-    expect(redisMock.calls.at(-1)).toMatchObject({
-      userId: "anonymous",
-      boardId: "board-1",
-      key: "query-key",
-      ttlMs: queryCacheRetentionMs,
-      maxValueBytes: queryCacheMaxValueBytes,
-    });
-  });
-
-  test("scopes signed-in cache entries by user and rejects oversized values", async () => {
-    const db = createDb();
-    const session = createSession("user-1");
-    await insertUserAsync(db, session.user.id);
-    await db.insert(boards).values({ id: "board-1", name: "board", creatorId: session.user.id, isPublic: false });
-
-    const caller = queryCacheRouter.createCaller({ db, deviceType: undefined, session });
-    const value = "x".repeat(queryCacheMaxValueBytes + 1);
-
-    await expect(caller.setItem({ boardId: "board-1", key: "query-key", value })).resolves.toEqual({
-      stored: false,
-    });
-    expect(redisMock.calls.at(-1)).toMatchObject({
-      userId: "user-1",
-      boardId: "board-1",
-      ttlMs: queryCacheRetentionMs,
-      maxValueBytes: queryCacheMaxValueBytes,
-    });
-  });
-
-  test("expires values through the Redis TTL path", async () => {
-    vi.useFakeTimers();
-    vi.setSystemTime(new Date("2026-01-01T00:00:00.000Z"));
-
-    const db = createDb();
-    const session = createSession("user-1");
-    await insertUserAsync(db, session.user.id);
-    await db.insert(boards).values({ id: "board-1", name: "board", creatorId: session.user.id, isPublic: false });
-
-    const caller = queryCacheRouter.createCaller({ db, deviceType: undefined, session });
-
-    await caller.setItem({ boardId: "board-1", key: "query-key", value: "cached-value" });
-    await expect(caller.getItem({ boardId: "board-1", key: "query-key" })).resolves.toBe("cached-value");
-
-    await vi.advanceTimersByTimeAsync(queryCacheRetentionMs + 1);
-
-    await expect(caller.getItem({ boardId: "board-1", key: "query-key" })).resolves.toBeNull();
-  });
-});
-
-describe("query cache stale handling", () => {
-  test("uses TanStack Query dataUpdatedAt and staleTime to decide when cached data refetches", async () => {
-    vi.useFakeTimers();
-    vi.setSystemTime(new Date("2026-01-01T00:10:00.000Z"));
-
-    const queryClient = new QueryClient({
-      defaultOptions: {
-        queries: {
-          retry: false,
-          staleTime: queryCacheDefaultStaleTimeMs,
-        },
-      },
-    });
-    const queryKey = [["widget", "example"], { input: { integrationIds: ["integration-1"] }, type: "query" }];
-    const queryFn = vi.fn().mockResolvedValue("fresh");
-
-    queryClient.setQueryData(queryKey, "cached", {
-      updatedAt: Date.now() - queryCacheDefaultStaleTimeMs - 1,
-    });
-
-    await expect(
-      queryClient.fetchQuery({
-        queryKey,
-        queryFn,
-      }),
-    ).resolves.toBe("fresh");
-
-    expect(queryFn).toHaveBeenCalledOnce();
-  });
-});
@@ -6,7 +6,6 @@ import { usePathname } from "next/navigation";

 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { getActiveQueryCacheBoardId, setActiveQueryCacheBoardId } from "@homarr/api/query-cache";

 import { updateBoardName } from "./updater";

@@ -29,8 +28,6 @@ export const BoardProvider = ({
    },
  );

-  setActiveQueryCacheBoardId(data.id);
-
  // Update the board name so it can be used within updateBoard method
  updateBoardName(initialBoard.name);

@@ -45,16 +42,6 @@ export const BoardProvider = ({
    };
  }, [pathname, utils, initialBoard.name]);

-  useEffect(() => {
-    setActiveQueryCacheBoardId(data.id);
-
-    return () => {
-      if (getActiveQueryCacheBoardId() === data.id) {
-        setActiveQueryCacheBoardId(null);
-      }
-    };
-  }, [data.id]);
-
  return (
    <BoardContext.Provider
      value={{
@@ -86,7 +73,7 @@ export const getCurrentLayout = (board: RouterOutputs["board"]["getBoardByName"]
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
  if (typeof window === "undefined") return board.layouts.at(0)!.id;

-  const sortedLayouts = board.layouts.toSorted((layoutA, layoutB) => layoutB.breakpoint - layoutA.breakpoint);
+  const sortedLayouts = board.layouts.sort((layoutA, layoutB) => layoutB.breakpoint - layoutA.breakpoint);

  // Fallback to smallest if none exists with breakpoint smaller than window width
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -13,8 +13,6 @@ export {
  handshakeAsync,
  createSubPubChannel,
  createGetSetChannel,
-  createQueryCacheChannel,
-  getAllQueryCacheAsync,
 } from "./lib/channel";

 export { createIntegrationHistoryChannel } from "./lib/channels/history-channel";
@@ -125,49 +125,6 @@ export const createGetSetChannel = <TData>(name: string) => {
  };
 };

-interface QueryCacheChannelOptions {
-  userId: string;
-  boardId: string;
-  key: string;
-  ttlMs: number;
-  maxValueBytes: number;
-}
-
-const queryCacheHashKey = (userId: string, boardId: string) => `qc:${userId}:${boardId}`;
-
-export const createQueryCacheChannel = ({ userId, boardId, key, ttlMs, maxValueBytes }: QueryCacheChannelOptions) => {
-  const hkey = queryCacheHashKey(userId, boardId);
-
-  return {
-    name: `${hkey}:${key}`,
-    getAsync: async () => {
-      return await getSetClient.hget(hkey, key);
-    },
-    setAsync: async (value: string) => {
-      if (Buffer.byteLength(value, "utf8") > maxValueBytes) {
-        logger.warn("Query cache value exceeded maximum size", {
-          channel: hkey,
-          valueBytes: Buffer.byteLength(value, "utf8"),
-          maxValueBytes,
-        });
-        return false;
-      }
-
-      await getSetClient.hset(hkey, key, value);
-      await getSetClient.pexpire(hkey, ttlMs);
-      return true;
-    },
-    removeAsync: async () => {
-      await getSetClient.hdel(hkey, key);
-    },
-  };
-};
-
-export const getAllQueryCacheAsync = async (userId: string, boardId: string): Promise<Record<string, string>> => {
-  const hkey = queryCacheHashKey(userId, boardId);
-  return await getSetClient.hgetall(hkey);
-};
-
 /**
 * Creates a new cache channel.
 * @param name name of the channel
@@ -14,7 +14,6 @@ import { useTimeAgo } from "@homarr/common";
 import type { AnchorNotePermission } from "@homarr/integrations";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";

 import "react-quill-new/dist/quill.snow.css";
@@ -145,13 +144,13 @@ interface AnchorNoteWidgetContentProps {

 const AnchorNoteWidgetContent = ({ options, integrationId, noteId }: AnchorNoteWidgetContentProps) => {
  const t = useScopedI18n("widget.anchorNote");
-  const { data: note, refetch } = clientApi.widget.anchorNotes.getNote.useQuery(
+  const [note, { refetch }] = clientApi.widget.anchorNotes.getNote.useSuspenseQuery(
    {
      integrationId,
      noteId,
    },
    {
-      staleTime: 15 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -160,32 +159,31 @@ const AnchorNoteWidgetContent = ({ options, integrationId, noteId }: AnchorNoteW
  const { mutateAsync: updateNoteAsync, isPending: isUpdating } = clientApi.widget.anchorNotes.updateNote.useMutation();

  const [isEditing, setIsEditing] = useState(false);
-  const [draftTitle, setDraftTitle] = useState(note?.title ?? "");
-  const [draftContent, setDraftContent] = useState(note?.content ?? "");
+  const [draftTitle, setDraftTitle] = useState(note.title);
+  const [draftContent, setDraftContent] = useState(note.content ?? "");
  const [saveError, setSaveError] = useState<string | null>(null);

  useEffect(() => {
-    if (isEditing || !note) return;
+    if (isEditing) return;

    startTransition(() => {
      setDraftTitle(note.title);
      setDraftContent(note.content ?? "");
    });
-  }, [isEditing, note]);
+  }, [isEditing, note.content, note.title]);

-  const canEdit = canEditPermission(note?.permission ?? "viewer");
-  const isViewer = !note || note.permission === "viewer";
-  const updatedAt = useMemo(() => (note ? new Date(note.updatedAt) : new Date()), [note]);
+  const canEdit = canEditPermission(note.permission);
+  const isViewer = note.permission === "viewer";
+  const updatedAt = useMemo(() => new Date(note.updatedAt), [note.updatedAt]);
  const updatedAtRelative = useTimeAgo(updatedAt, 30000);

  const hasChanges = useMemo(() => {
-    if (!note) return false;
    const normalizedTitle = draftTitle.trim() || note.title;
    return normalizedTitle !== note.title || draftContent !== (note.content ?? "");
-  }, [draftContent, draftTitle, note]);
+  }, [draftContent, draftTitle, note.content, note.title]);

  const editorValue = useMemo(() => parseStoredContent(draftContent), [draftContent]);
-  const readOnlyValue = useMemo(() => parseStoredContent(note?.content), [note?.content]);
+  const readOnlyValue = useMemo(() => parseStoredContent(note.content), [note.content]);
  const handleEditorChange = useCallback<ReactQuillOnChange>(
    (_html, _delta, source, editor) => {
      if (!isEditing || source !== "user") return;
@@ -196,27 +194,26 @@ const AnchorNoteWidgetContent = ({ options, integrationId, noteId }: AnchorNoteW
  );

  const handleEdit = useCallback(() => {
-    if (!canEdit || !note) return;
+    if (!canEdit) return;
    startTransition(() => {
      setDraftTitle(note.title);
      setDraftContent(note.content ?? "");
      setSaveError(null);
      setIsEditing(true);
    });
-  }, [canEdit, note]);
+  }, [canEdit, note.content, note.title]);

  const handleCancel = useCallback(() => {
-    if (!note) return;
    startTransition(() => {
      setDraftTitle(note.title);
      setDraftContent(note.content ?? "");
      setSaveError(null);
      setIsEditing(false);
    });
-  }, [note]);
+  }, [note.content, note.title]);

  const handleSave = useCallback(async () => {
-    if (!canEdit || !note) return;
+    if (!canEdit) return;

    const normalizedTitle = draftTitle.trim() || note.title || t("untitled");

@@ -263,9 +260,7 @@ const AnchorNoteWidgetContent = ({ options, integrationId, noteId }: AnchorNoteW
        },
      },
    );
-  }, [canEdit, draftContent, draftTitle, hasChanges, integrationId, note, noteId, refetch, t, updateNoteAsync]);
-
-  if (!note) return <WidgetEmptyState />;
+  }, [canEdit, draftContent, draftTitle, hasChanges, integrationId, note.title, noteId, refetch, t, updateNoteAsync]);

  return (
    <Stack h="100%" gap="xs" p="sm">
@@ -3,7 +3,7 @@
 import type { PropsWithChildren } from "react";
 import { Fragment, Suspense } from "react";
 import { Flex, rem, Stack, Text, Tooltip, UnstyledButton } from "@mantine/core";
-import { IconMinus } from "@tabler/icons-react";
+import { IconLoader } from "@tabler/icons-react";
 import combineClasses from "clsx";

 import { clientApi } from "@homarr/api/client";
@@ -13,7 +13,6 @@ import { useRegisterSpotlightContextResults } from "@homarr/spotlight";
 import { useI18n } from "@homarr/translation/client";
 import { MaskedOrNormalImage } from "@homarr/ui";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import classes from "./app.module.css";
 import { PingDot } from "./ping/ping-dot";
@@ -23,19 +22,20 @@ export default function AppWidget({ options, isEditMode, height, width }: Widget
  const t = useI18n();
  const settings = useSettings();
  const board = useRequiredBoard();
-  const { data: app } = clientApi.app.byId.useQuery(
+  const [app] = clientApi.app.byId.useSuspenseQuery(
    {
      id: options.appId,
    },
    {
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
    },
  );
  useRegisterSpotlightContextResults(
-    `app-${app?.id ?? options.appId}`,
-    app?.href
+    `app-${app.id}`,
+    app.href
      ? [
          {
            id: app.id,
@@ -44,6 +44,7 @@ export default function AppWidget({ options, isEditMode, height, width }: Widget
            interaction() {
              return {
                type: "link",
+                // We checked above that app.href is defined
                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                href: app.href!,
                newTab: options.openInNewTab,
@@ -55,8 +56,6 @@ export default function AppWidget({ options, isEditMode, height, width }: Widget
    [app, options.openInNewTab],
  );

-  if (!app) return <WidgetEmptyState />;
-
  const isTiny = height < 100 || width < 100;
  const isColumnLayout = options.layout.startsWith("column");

@@ -131,7 +130,7 @@ export default function AppWidget({ options, isEditMode, height, width }: Widget
        </Flex>
      </Tooltip.Floating>
      {options.pingEnabled && !settings.forceDisableStatus && !board.disableStatus && app.href ? (
-        <Suspense fallback={<PingDot icon={IconMinus} color="gray" tooltip={`${t("common.action.loading")}…`} />}>
+        <Suspense fallback={<PingDot icon={IconLoader} color="blue" tooltip={`${t("common.action.loading")}…`} />}>
          <PingIndicator appId={app.id} />
        </Suspense>
      ) : null}
@@ -1,7 +1,8 @@
-import { IconCheck, IconMinus, IconX } from "@tabler/icons-react";
+import { useState } from "react";
+import { IconCheck, IconX } from "@tabler/icons-react";

+import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { useI18n } from "@homarr/translation/client";

 import { PingDot } from "./ping-dot";

@@ -10,24 +11,27 @@ interface PingIndicatorProps {
 }

 export const PingIndicator = ({ appId }: PingIndicatorProps) => {
-  const t = useI18n();
-  const { data: pingResult } = clientApi.widget.app.ping.useQuery(
-    { id: appId },
-    { refetchOnMount: false, refetchOnWindowFocus: false },
+  const [ping] = clientApi.widget.app.ping.useSuspenseQuery(
+    {
+      id: appId,
+    },
+    {
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+    },
  );

-  const utils = clientApi.useUtils();
+  const [pingResult, setPingResult] = useState<RouterOutputs["widget"]["app"]["ping"]>(ping);
+
  clientApi.widget.app.updatedPing.useSubscription(
    { id: appId },
    {
      onData(data) {
-        utils.widget.app.ping.setData({ id: appId }, data);
+        setPingResult(data);
      },
    },
  );

-  if (!pingResult) return <PingDot icon={IconMinus} color="gray" tooltip={`${t("common.action.loading")}…`} />;
-
  const isError = "error" in pingResult || pingResult.statusCode >= 500;

  return (
@@ -2,17 +2,13 @@

 import { clientApi } from "@homarr/api/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { AudioStatsContent } from "./audio-stats-content";

 export default function AudioStatsWidget({ integrationIds, options, width }: WidgetComponentProps<"audioStats">) {
-  const { data: response } = clientApi.widget.audioStats.getStats.useQuery(
-    { integrationId: integrationIds[0] ?? "" },
-    { staleTime: 5 * 60 * 1000 },
-  );
-
-  if (!response) return <WidgetEmptyState />;
+  const [response] = clientApi.widget.audioStats.getStats.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+  });

  return <AudioStatsContent backend={response.kind} stats={response.data} options={options} width={width} />;
 }
@@ -36,14 +36,11 @@ export default function BeszelAlertsWidget({
  isEditMode,
 }: WidgetComponentProps<"beszelAlerts">) {
  const t = useScopedI18n("widget.beszelAlerts");
-  const { data: results = [] } = clientApi.widget.beszel.getAlerts.useQuery(
-    {
-      integrationIds,
-      includeHistory: options.showHistory,
-      maxHistoryItems: options.maxHistoryItems,
-    },
-    { staleTime: 30 * 1000 },
-  );
+  const [results] = clientApi.widget.beszel.getAlerts.useSuspenseQuery({
+    integrationIds,
+    includeHistory: options.showHistory,
+    maxHistoryItems: options.maxHistoryItems,
+  });
  const utils = clientApi.useUtils();

  clientApi.widget.beszel.subscribeAlerts.useSubscription(
@@ -344,10 +344,7 @@ export default function BeszelSystemGridWidget({
  height,
 }: WidgetComponentProps<"beszelSystemGrid">) {
  const t = useScopedI18n("widget.beszelSystemGrid");
-  const { data: results = [] } = clientApi.widget.beszel.getSystems.useQuery(
-    { integrationIds },
-    { staleTime: 30 * 1000 },
-  );
+  const [results] = clientApi.widget.beszel.getSystems.useSuspenseQuery({ integrationIds });

  useBeszelSystemsSubscription(integrationIds, !isEditMode);
  const filteredSystems = useBeszelFilteredSystems(results, options.statusFilter);
@@ -39,10 +39,7 @@ export default function BeszelSystemStatsWidget({
  width,
 }: WidgetComponentProps<"beszelSystemStats">) {
  const t = useScopedI18n("widget.beszelSystemStats");
-  const { data: systemsResult = [] } = clientApi.widget.beszel.getSystems.useQuery(
-    { integrationIds },
-    { staleTime: 30 * 1000 },
-  );
+  const [systemsResult] = clientApi.widget.beszel.getSystems.useSuspenseQuery({ integrationIds });

  const systems = useMemo(
    () => systemsResult.flatMap((r) => r.systems.map((s) => ({ value: s.id, label: s.name }))),
@@ -53,15 +50,12 @@ export default function BeszelSystemStatsWidget({

  const showDocker = options.showDockerCpu || options.showDockerMemory || options.showDockerNetwork;

-  const { data: statsResult } = clientApi.widget.beszel.getSystemStats.useQuery(
-    {
-      integrationIds,
-      systemId: selectedSystem ?? systems[0]?.value ?? "",
-      timePeriod: options.timePeriod as "1h" | "12h" | "24h" | "1w" | "30d",
-      includeDocker: showDocker,
-    },
-    { staleTime: 30 * 1000 },
-  );
+  const [statsResult] = clientApi.widget.beszel.getSystemStats.useSuspenseQuery({
+    integrationIds,
+    systemId: selectedSystem ?? systems[0]?.value ?? "",
+    timePeriod: options.timePeriod as "1h" | "12h" | "24h" | "1w" | "30d",
+    includeDocker: showDocker,
+  });

  // BeszelSystemStats fields are documented in beszel-types.ts.
  // mu/du = bytes, dr/dw = bytes/s, b = public bandwidth [sent,recv] bytes/s, ns/nr = all-interface bytes/s
@@ -54,10 +54,7 @@ export default function BeszelSystemTableWidget({
  width,
 }: WidgetComponentProps<"beszelSystemTable">) {
  const t = useScopedI18n("widget.beszelSystemTable");
-  const { data: results = [] } = clientApi.widget.beszel.getSystems.useQuery(
-    { integrationIds },
-    { staleTime: 30 * 1000 },
-  );
+  const [results] = clientApi.widget.beszel.getSystems.useSuspenseQuery({ integrationIds });
  const size = getSizeConfig(width);

  useBeszelSystemsSubscription(integrationIds, !isEditMode);
@@ -14,7 +14,7 @@ import classes from "./bookmark.module.css";

 export default function BookmarksWidget({ options, itemId }: WidgetComponentProps<"bookmarks">) {
  const board = useRequiredBoard();
-  const { data = [] } = clientApi.app.byIds.useQuery(options.items, {
+  const [data] = clientApi.app.byIds.useSuspenseQuery(options.items, {
    select(data) {
      return data.toSorted((appA, appB) => options.items.indexOf(appA.id) - options.items.indexOf(appB.id));
    },
@@ -39,8 +39,8 @@ const FetchCalendar = ({ month, setMonth, isEditMode, integrationIds, options }:
    releaseType: options.releaseType,
    showUnmonitored: options.showUnmonitored,
  };
-  const { data } = clientApi.widget.calendar.findAllEvents.useQuery(input, {
-    staleTime: 60 * 1000,
+  const [data] = clientApi.widget.calendar.findAllEvents.useSuspenseQuery(input, {
+    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchOnReconnect: false,
    retry: false,
@@ -61,7 +61,7 @@ const FetchCalendar = ({ month, setMonth, isEditMode, integrationIds, options }:
    },
  });

-  const events = useMemo(() => data?.flatMap((item) => item.events) ?? [], [data]);
+  const events = useMemo(() => data.flatMap((item) => item.events), [data]);

  return <CalendarBase isEditMode={isEditMode} events={events} month={month} setMonth={setMonth} options={options} />;
 };
@@ -152,10 +152,13 @@ const CalendarBase = ({ isEditMode, events, month, setMonth, options }: Calendar
          .filter(
            (event) => event.metadata?.type !== "radarr" || options.releaseType.includes(event.metadata.releaseType),
          )
-          .toSorted((eventA, eventB) => eventA.startDate.getTime() - eventB.startDate.getTime());
+          .sort((eventA, eventB) => eventA.startDate.getTime() - eventB.startDate.getTime());

        return (
          <CalendarDay
+            // new Date() does not work here, because for timezones like UTC-7 it will
+            // show one day earlier (probably due to the time being set to 00:00)
+            // see https://github.com/homarr-labs/homarr/pull/3120
            date={dayjs(tileDate).toDate()}
            events={eventsForDate}
            disabled={isEditMode || eventsForDate.length === 0}
@@ -1,15 +0,0 @@
-import { Center, Text } from "@mantine/core";
-
-import { useI18n } from "@homarr/translation/client";
-
-export const WidgetEmptyState = () => {
-  const t = useI18n();
-
-  return (
-    <Center h="100%" w="100%" p="sm">
-      <Text c="dimmed" size="sm" ta="center">
-        {t("widget.common.error.noData")}
-      </Text>
-    </Center>
-  );
-};
@@ -31,10 +31,7 @@ interface CoolifyContentProps {
 }

 function CoolifyContent({ integrationIds, options, width }: CoolifyContentProps) {
-  const { data: instancesData = [] } = clientApi.widget.coolify.getInstancesInfo.useQuery(
-    { integrationIds },
-    { staleTime: 30 * 1000 },
-  );
+  const [instancesData] = clientApi.widget.coolify.getInstancesInfo.useSuspenseQuery({ integrationIds });

  const utils = clientApi.useUtils();
  clientApi.widget.coolify.subscribeInstancesInfo.useSubscription(
@@ -51,12 +51,12 @@ export default function DnsHoleControlsWidget({
    .map(({ id }) => id)
    .filter((id) => integrationIds.includes(id));

-  const { data: summaries = [] } = clientApi.widget.dnsHole.summary.useQuery(
+  const [summaries] = clientApi.widget.dnsHole.summary.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -20,12 +20,12 @@ import type { widgetKind } from ".";
 import type { WidgetComponentProps, WidgetProps } from "../../definition";

 export default function DnsHoleSummaryWidget({ options, integrationIds }: WidgetComponentProps<typeof widgetKind>) {
-  const { data: summaries = [] } = clientApi.widget.dnsHole.summary.useQuery(
+  const [summaries] = clientApi.widget.dnsHole.summary.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -185,11 +185,7 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
  const isTiny = width <= 256;

  const utils = clientApi.useUtils();
-  const { data } = clientApi.docker.getContainers.useQuery(undefined, {
-    staleTime: 20 * 1000,
-  });
-  const containers = data?.containers ?? [];
-  const timestamp = useMemo(() => data?.timestamp ?? new Date(), [data?.timestamp]);
+  const [{ containers, timestamp }] = clientApi.docker.getContainers.useSuspenseQuery();
  const relativeTime = useTimeAgo(timestamp);

  clientApi.docker.subscribeContainers.useSubscription(undefined, {
@@ -87,13 +87,13 @@ export default function DownloadClientsWidget({
    integrationIds.includes(id) ? [id] : [],
  );

-  const { data: currentItems = [] } = clientApi.widget.downloads.getJobsAndStatuses.useQuery(
+  const [currentItems] = clientApi.widget.downloads.getJobsAndStatuses.useSuspenseQuery(
    {
      integrationIds,
      limitPerIntegration: options.limitPerIntegration,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -101,6 +101,7 @@ export default function DownloadClientsWidget({
  );
  const utils = clientApi.useUtils();

+  //Translations
  const t = useScopedI18n("widget.downloads");
  const tCommon = useScopedI18n("common");

@@ -28,7 +28,7 @@ const columnsList = [
 ] as const satisfies (keyof ExtendedDownloadClientItem)[];
 const sortingExclusion = ["actions", "id", "state"] as const satisfies readonly (typeof columnsList)[number][];
 const columnsSort = columnsList.filter((column) =>
-  sortingExclusion.every((exclusion) => exclusion !== column),
+  sortingExclusion.some((exclusion) => exclusion !== column),
 ) as Exclude<typeof columnsList, (typeof sortingExclusion)[number]>;

 export const { definition, componentLoader } = createWidgetDefinition("downloads", {
@@ -1,29 +0,0 @@
-import { api, trpc } from "@homarr/api/server";
-import { createLogger } from "@homarr/core/infrastructure/logs";
-
-import type { Prefetch } from "../definition";
-
-const logger = createLogger({ module: "downloadsWidgetPrefetch" });
-
-const prefetchAllAsync: Prefetch<"downloads"> = async (queryClient, items) => {
-  await Promise.all(
-    items.map(async (item) => {
-      if (item.integrationIds.length === 0) return;
-
-      const input = {
-        integrationIds: item.integrationIds,
-        limitPerIntegration: Number(item.options.limitPerIntegration) || 50,
-      };
-
-      try {
-        const data = await api.widget.downloads.getJobsAndStatuses(input);
-        queryClient.setQueryData(trpc.widget.downloads.getJobsAndStatuses.queryKey(input), data);
-        logger.info("Prefetched downloads widget data", { integrations: item.integrationIds.length });
-      } catch (error) {
-        logger.warn("Failed to prefetch downloads widget data", { error });
-      }
-    }),
-  );
-};
-
-export default prefetchAllAsync;
@@ -184,12 +184,12 @@ export default function FirewallWidget({ integrationIds, width, itemId }: Widget

 export const useUpdatingCpuStatus = (integrationIds: string[]) => {
  const utils = clientApi.useUtils();
-  const { data: firewallsCpuData = [] } = clientApi.widget.firewall.getFirewallCpuStatus.useQuery(
+  const [firewallsCpuData] = clientApi.widget.firewall.getFirewallCpuStatus.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -225,12 +225,12 @@ export const useUpdatingCpuStatus = (integrationIds: string[]) => {

 export const useUpdatingMemoryStatus = (integrationIds: string[]) => {
  const utils = clientApi.useUtils();
-  const { data: firewallsMemoryData = [] } = clientApi.widget.firewall.getFirewallMemoryStatus.useQuery(
+  const [firewallsMemoryData] = clientApi.widget.firewall.getFirewallMemoryStatus.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 15 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -266,12 +266,12 @@ export const useUpdatingMemoryStatus = (integrationIds: string[]) => {

 export const useUpdatingVersionStatus = (integrationIds: string[]) => {
  const utils = clientApi.useUtils();
-  const { data: firewallsVersionData = [] } = clientApi.widget.firewall.getFirewallVersionStatus.useQuery(
+  const [firewallsVersionData] = clientApi.widget.firewall.getFirewallVersionStatus.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 60 * 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -306,12 +306,12 @@ export const useUpdatingVersionStatus = (integrationIds: string[]) => {

 export const useUpdatingInterfacesStatus = (integrationIds: string[]) => {
  const utils = clientApi.useUtils();
-  const { data: firewallsInterfacesData = [] } = clientApi.widget.firewall.getFirewallInterfacesStatus.useQuery(
+  const [firewallsInterfacesData] = clientApi.widget.firewall.getFirewallInterfacesStatus.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 30 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -5,7 +5,6 @@ import { clientApi } from "@homarr/api/client";
 import type { Resource } from "@homarr/integrations/types";
 import { useI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";
 import { formatUptime } from "../system-health";
 import { ResourceAccordionItem } from "./resource-accordion-item";
@@ -35,12 +34,12 @@ export const ClusterHealthMonitoring = ({
  width,
 }: WidgetComponentProps<"healthMonitoring"> & { integrationId: string }) => {
  const t = useI18n();
-  const { data: healthData } = clientApi.widget.healthMonitoring.getClusterHealthStatus.useQuery(
+  const [healthData] = clientApi.widget.healthMonitoring.getClusterHealthStatus.useSuspenseQuery(
    {
      integrationId,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -57,8 +56,6 @@ export const ClusterHealthMonitoring = ({
    },
  );

-  if (!healthData) return <WidgetEmptyState />;
-
  const activeNodes = healthData.nodes.reduce(running, 0);
  const activeVMs = healthData.vms.reduce(running, 0);
  const activeLXCs = healthData.lxcs.reduce(running, 0);
@@ -18,7 +18,7 @@ const isClusterIntegration = (integration: { kind: IntegrationKind }) =>
  integration.kind === "proxmox" || integration.kind === "mock";

 export default function HealthMonitoringWidget(props: WidgetComponentProps<"healthMonitoring">) {
-  const { data: integrations = [] } = clientApi.integration.byIds.useQuery(props.integrationIds);
+  const [integrations] = clientApi.integration.byIds.useSuspenseQuery(props.integrationIds);
  const t = useI18n();

  const clusterIntegrationId = integrations.find(isClusterIntegration)?.id;
@@ -37,7 +37,6 @@ import type { TranslationFunction } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";

 import type { WidgetComponentProps } from "../definition";
-import { WidgetEmptyState } from "../common/empty-state";
 import { CpuRing } from "./rings/cpu-ring";
 import { CpuTempRing } from "./rings/cpu-temp-ring";
 import { GpuRing } from "./rings/gpu-ring";
@@ -52,12 +51,12 @@ export const SystemHealthMonitoring = ({
  width,
 }: WidgetComponentProps<"healthMonitoring">) => {
  const t = useI18n();
-  const { data: healthData = [] } = clientApi.widget.healthMonitoring.getSystemHealthStatus.useQuery(
+  const [healthData] = clientApi.widget.healthMonitoring.getSystemHealthStatus.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -87,8 +86,6 @@ export const SystemHealthMonitoring = ({

  const isTiny = width < 256;

-  if (healthData.length === 0) return <WidgetEmptyState />;
-
  return (
    <Stack h="100%" gap="sm" className="health-monitoring">
      {healthData.map(({ integrationId, integrationName, healthInfo, updatedAt }) => {
@@ -335,5 +332,5 @@ export const matchFileSystemAndSmart = (fileSystems: FileSystem[], smartData: Sm
        overallStatus: smartDisk?.overallStatus ?? "",
      };
    })
-    .toSorted((fileSystemA, fileSystemB) => fileSystemA.deviceName.localeCompare(fileSystemB.deviceName));
+    .sort((fileSystemA, fileSystemB) => fileSystemA.deviceName.localeCompare(fileSystemB.deviceName));
 };
@@ -8,7 +8,6 @@ import { IconAlertCircle, IconCalendar } from "@tabler/icons-react";
 import { clientApi } from "@homarr/api/client";
 import { useI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";
 import classes from "./component.module.css";

@@ -18,19 +17,14 @@ export default function ImmichAlbumCarouselWidget({
 }: WidgetComponentProps<"immich-albumCarousel">) {
  const [currentPhotoIndex, setCurrentPhotoIndex] = useState(0);

-  const { data: album } = clientApi.widget.immich.getAlbum.useQuery(
-    {
-      integrationId: integrationIds[0] ?? "",
-      albumId: options.albumId ?? "",
-    },
-    { enabled: Boolean(options.albumId), staleTime: 15 * 60 * 1000 },
-  );
-
  if (!options.albumId) {
    return <NoAlbumSelected />;
  }

-  if (!album) return <WidgetEmptyState />;
+  const [album] = clientApi.widget.immich.getAlbum.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+    albumId: options.albumId,
+  });

  if (album.assets.length === 0) {
    return <NoPhotosInAlbum />;
@@ -8,7 +8,6 @@ import { clientApi } from "@homarr/api/client";
 import { humanFileSize } from "@homarr/common";
 import { useI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";
 import classes from "./component.module.css";

@@ -17,14 +16,9 @@ export default function ImmichServerStatsWidget({
  options,
 }: WidgetComponentProps<"immich-serverStats">) {
  const t = useI18n();
-  const { data: stats } = clientApi.widget.immich.getServerStats.useQuery(
-    {
-      integrationId: integrationIds[0] ?? "",
-    },
-    { staleTime: 15 * 60 * 1000 },
-  );
-
-  if (!stats) return <WidgetEmptyState />;
+  const [stats] = clientApi.widget.immich.getServerStats.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+  });

  return (
    <Stack gap="md" h="100%" p="md">
@@ -60,7 +60,6 @@ import * as weather from "./weather";

 export type { WidgetDefinition, WidgetOptionsSettings } from "./definition";
 export type { WidgetComponentProps };
-export type { WidgetOptionDefinition, WidgetOptionType } from "./options";

 export const widgetImports = {
  clock,
@@ -18,10 +18,10 @@ export default function IndexerManagerWidget({
  height,
 }: WidgetComponentProps<"indexerManager">) {
  const t = useI18n();
-  const { data: indexersData = [] } = clientApi.widget.indexerManager.getIndexersStatus.useQuery(
+  const [indexersData] = clientApi.widget.indexerManager.getIndexersStatus.useSuspenseQuery(
    { integrationIds },
    {
-      staleTime: 5 * 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -18,12 +18,9 @@ import { OverflowBadge } from "@homarr/ui";
 import type { WidgetComponentProps } from "../definition";

 export default function MediaReleasesWidget({ options, integrationIds }: WidgetComponentProps<"mediaReleases">) {
-  const { data: releases = [] } = clientApi.widget.mediaRelease.getMediaReleases.useQuery(
-    {
-      integrationIds,
-    },
-    { staleTime: 5 * 60 * 1000 },
-  );
+  const [releases] = clientApi.widget.mediaRelease.getMediaReleases.useSuspenseQuery({
+    integrationIds,
+  });

  return (
    <Stack p="xs" gap="sm">
@@ -24,7 +24,6 @@ import { mediaAvailabilityConfiguration, mediaRequestStatusConfiguration } from
 import { openMediaRequestSearch } from "@homarr/spotlight";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";
 import { NoIntegrationDataError } from "../../errors/no-data-integration";
 import classes from "../search-button.module.css";
@@ -35,12 +34,12 @@ export default function MediaServerWidget({
  options,
  width,
 }: WidgetComponentProps<"mediaRequests-requestList">) {
-  const { data: mediaRequests } = clientApi.widget.mediaRequests.getLatestRequests.useQuery(
+  const [mediaRequests] = clientApi.widget.mediaRequests.getLatestRequests.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
    },
@@ -74,7 +73,6 @@ export default function MediaServerWidget({
    },
  );

-  if (!mediaRequests) return <WidgetEmptyState />;
  if (mediaRequests.length === 0) throw new NoIntegrationDataError();

  return (
@@ -21,7 +21,6 @@ import type { RequestStats } from "@homarr/integrations/types";
 import { openMediaRequestSearch } from "@homarr/spotlight";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";
 import { NoIntegrationDataError } from "../../errors/no-data-integration";
 import classes from "./component.module.css";
@@ -36,12 +35,12 @@ export default function MediaServerWidget({
  width,
 }: WidgetComponentProps<"mediaRequests-requestStats">) {
  const t = useScopedI18n("widget.mediaRequests-requestStats");
-  const { data: requestStats } = clientApi.widget.mediaRequests.getStats.useQuery(
+  const [requestStats] = clientApi.widget.mediaRequests.getStats.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
    },
@@ -49,7 +48,6 @@ export default function MediaServerWidget({

  const board = useRequiredBoard();

-  if (!requestStats) return <WidgetEmptyState />;
  if (requestStats.users.length === 0 && requestStats.stats.length === 0) throw new NoIntegrationDataError();

  const data = [
@@ -23,13 +23,13 @@ export default function MediaServerWidget({
  integrationIds,
  isEditMode,
 }: WidgetComponentProps<"mediaServer">) {
-  const { data: currentStreams = [] } = clientApi.widget.mediaServer.getCurrentStreams.useQuery(
+  const [currentStreams] = clientApi.widget.mediaServer.getCurrentStreams.useSuspenseQuery(
    {
      integrationIds,
      showOnlyPlaying: options.showOnlyPlaying,
    },
    {
-      staleTime: 5 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
    },
@@ -9,7 +9,6 @@ import { useI18n } from "@homarr/translation/client";
 import type { TablerIcon } from "@homarr/ui";

 import { views } from ".";
-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { HealthCheckStatus } from "./health-check-status";
 import { QueuePanel } from "./panels/queue.panel";
@@ -38,8 +37,8 @@ export default function MediaTranscodingWidget({
    pageSize: queuePageSize,
    page: queuePage,
  };
-  const { data: transcodingData } = clientApi.widget.mediaTranscoding.getDataAsync.useQuery(input, {
-    staleTime: 5 * 60 * 1000,
+  const [transcodingData] = clientApi.widget.mediaTranscoding.getDataAsync.useSuspenseQuery(input, {
+    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchOnReconnect: false,
  });
@@ -52,11 +51,9 @@ export default function MediaTranscodingWidget({
  });

  const [view, setView] = useState<View>(options.defaultView);
-  const t = useI18n("widget.mediaTranscoding");
-
-  if (!transcodingData) return <WidgetEmptyState />;
-
  const totalQueuePages = Math.ceil((transcodingData.data.queue.totalCount || 1) / queuePageSize);
+
+  const t = useI18n("widget.mediaTranscoding");
  const isTiny = width < 256;

  return (
@@ -7,13 +7,10 @@ import { clientApi } from "@homarr/api/client";
 import { formatNumber } from "@homarr/common";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../../common/empty-state";
 import type { WidgetComponentProps } from "../../definition";

 export default function MinecraftServerStatusWidget({ options }: WidgetComponentProps<"minecraftServerStatus">) {
-  const { data: result } = clientApi.widget.minecraft.getServerStatus.useQuery(options, {
-    staleTime: 5 * 60 * 1000,
-  });
+  const [{ data }] = clientApi.widget.minecraft.getServerStatus.useSuspenseQuery(options);
  const utils = clientApi.useUtils();
  clientApi.widget.minecraft.subscribeServerStatus.useSubscription(options, {
    onData(data) {
@@ -25,9 +22,6 @@ export default function MinecraftServerStatusWidget({ options }: WidgetComponent
  });
  const tStatus = useScopedI18n("widget.minecraftServerStatus.status");

-  if (!result) return <WidgetEmptyState />;
-  const { data } = result;
-
  const title = options.title.trim().length > 0 ? options.title : options.domain;

  return (
@@ -21,12 +21,12 @@ export default function NetworkControllerNetworkStatusWidget({
  options,
  integrationIds,
 }: WidgetComponentProps<"networkControllerStatus">) {
-  const { data: summaries = [] } = clientApi.widget.networkController.summary.useQuery(
+  const [summaries] = clientApi.widget.networkController.summary.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -20,12 +20,12 @@ dayjs.extend(duration);
 export default function NetworkControllerSummaryWidget({
  integrationIds,
 }: WidgetComponentProps<"networkControllerSummary">) {
-  const { data: summaries = [] } = clientApi.widget.networkController.summary.useQuery(
+  const [summaries] = clientApi.widget.networkController.summary.useSuspenseQuery(
    {
      integrationIds,
    },
    {
-      staleTime: 5 * 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -12,13 +12,13 @@ import { useScopedI18n } from "@homarr/translation/client";
 import type { WidgetComponentProps } from "../definition";

 export default function NotificationsWidget({ options, integrationIds }: WidgetComponentProps<"notifications">) {
-  const { data: notificationIntegrations = [] } = clientApi.widget.notifications.getNotifications.useQuery(
+  const [notificationIntegrations] = clientApi.widget.notifications.getNotifications.useSuspenseQuery(
    {
      ...options,
      integrationIds,
    },
    {
-      staleTime: 5 * 60 * 1000,
+      refetchOnMount: false,
      refetchOnWindowFocus: false,
      refetchOnReconnect: false,
      retry: false,
@@ -8,7 +8,6 @@ import { IconFileDescription, IconFileText, IconInbox, IconTag, IconUsers } from
 import { clientApi } from "@homarr/api/client";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import classes from "./component.module.css";

@@ -72,12 +71,9 @@ const heroPartVisibility = {

 export default function PaperlessNgxWidget({ integrationIds, options, width }: WidgetComponentProps<"paperlessNgx">) {
  const t = useScopedI18n("widget.paperlessNgx");
-  const { data: stats } = clientApi.widget.paperlessNgx.getStats.useQuery(
-    { integrationId: integrationIds[0] ?? "" },
-    { staleTime: 5 * 60 * 1000 },
-  );
-
-  if (!stats) return <WidgetEmptyState />;
+  const [stats] = clientApi.widget.paperlessNgx.getStats.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+  });

  const canShowInboxHero = options.showDocumentsInbox && options.showDocumentsTotal;
  const showHero = options.showInboxRatio && canShowInboxHero;
@@ -9,7 +9,6 @@ import { createSettings } from "@homarr/settings/creator";
 import { reduceWidgetOptionsWithDefaultValues } from ".";
 import prefetchForApps from "./app/prefetch";
 import prefetchForBookmarks from "./bookmarks/prefetch";
-import prefetchForDownloads from "./downloads/prefetch";
 import type { Prefetch, WidgetOptionsRecordOf } from "./definition";
 import type { inferOptionsFromCreator } from "./options";

@@ -20,7 +19,6 @@ const prefetchCallbacks: Partial<{
 }> = {
  bookmarks: prefetchForBookmarks,
  app: prefetchForApps,
-  downloads: prefetchForDownloads,
 };

 export const prefetchForKindAsync = async <TKind extends WidgetKind>(
@@ -81,7 +81,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
    );
  }, [groupedRepositories]);

-  const queryResults = clientApi.useQueries((t) =>
+  const [results] = clientApi.useSuspenseQueries((t) =>
    batchedRepositories.flatMap(({ integrationId, repositories }) =>
      t.widget.releases.getLatest({
        integrationId,
@@ -94,11 +94,6 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
    ),
  );

-  const results = useMemo(
-    () => queryResults.map((q) => q.data).filter((d): d is NonNullable<typeof d> => d != null),
-    [queryResults],
-  );
-
  const repositories = useMemo(() => {
    const formattedResults = options.repositories
      .map((repository) => {
@@ -126,7 +121,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
        (repository) =>
          "error" in repository || !options.showOnlyHighlighted || repository.isNewRelease || repository.isStaleRelease,
      )
-      .toSorted((repoA, repoB) => {
+      .sort((repoA, repoB) => {
        if ("error" in repoA) return -1;
        if ("error" in repoB) return 1;
        return repoA.latestReleaseAt > repoB.latestReleaseAt ? -1 : 1;
@@ -12,8 +12,8 @@ import type { WidgetComponentProps } from "../definition";
 import classes from "./component.module.scss";

 const useLiveFeedEntries = (input: RouterInputs["widget"]["rssFeed"]["getFeeds"]) => {
-  const { data: feedEntries = [] } = clientApi.widget.rssFeed.getFeeds.useQuery(input, {
-    staleTime: 5 * 60 * 1000,
+  const [feedEntries] = clientApi.widget.rssFeed.getFeeds.useSuspenseQuery(input, {
+    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchOnReconnect: false,
    retry: false,
@@ -26,7 +26,7 @@ const useLiveFeedEntries = (input: RouterInputs["widget"]["rssFeed"]["getFeeds"]
        return oldData
          ?.filter((entry) => entry.feedUrl !== updatedData.url)
          .concat(updatedData.entries)
-          .toSorted((entryA, entryB) => {
+          .sort((entryA, entryB) => {
            return entryA.published && entryB.published
              ? new Date(entryB.published).getTime() - new Date(entryA.published).getTime()
              : 0;
@@ -23,9 +23,7 @@ export default function SmartHomeEntityStateWidget({
    entityId: options.entityId,
    integrationId,
  };
-  const { data: entityState } = clientApi.widget.smartHome.entityState.useQuery(input, {
-    staleTime: 60 * 1000,
-  });
+  const [entityState] = clientApi.widget.smartHome.entityState.useSuspenseQuery(input);

  const utils = clientApi.useUtils();

@@ -8,7 +8,6 @@ import type { SpeedtestTrackerDashboardData } from "@homarr/integrations/types";
 import { useScopedI18n } from "@homarr/translation/client";

 import type { WidgetComponentProps } from "../definition";
-import { WidgetEmptyState } from "../common/empty-state";
 import { AveragesSection } from "./averages";
 import { mergeStats } from "./helpers";
 import { LatestResultSection } from "./latest-result";
@@ -20,10 +19,7 @@ export default function SpeedtestTrackerWidget({
  isEditMode,
 }: WidgetComponentProps<"speedtestTracker">) {
  const t = useScopedI18n("widget.speedtestTracker");
-  const { data: dashboardData = [] } = clientApi.widget.speedtestTracker.getDashboard.useQuery(
-    { integrationIds },
-    { staleTime: 10 * 60 * 1000 },
-  );
+  const [dashboardData] = clientApi.widget.speedtestTracker.getDashboard.useSuspenseQuery({ integrationIds });

  const utils = clientApi.useUtils();
  clientApi.widget.speedtestTracker.subscribeToDashboard.useSubscription(
@@ -90,7 +86,6 @@ export default function SpeedtestTrackerWidget({
          {t("noSectionsEnabled")}
        </Text>
      )}
-      {!noSectionsEnabled && !hasStatSection && !hasChart && <WidgetEmptyState />}
    </Stack>
  );
 }
@@ -7,7 +7,6 @@ import { IconTrendingDown, IconTrendingUp } from "@tabler/icons-react";
 import { clientApi } from "@homarr/api/client";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";

 function round(value: number) {
@@ -25,12 +24,7 @@ function calculateChangePercentage(currentPrice: number, previousClose: number)
 export default function StockPriceWidget({ options, width, height }: WidgetComponentProps<"stockPrice">) {
  const t = useScopedI18n("widget.stockPrice");
  const theme = useMantineTheme();
-  const { data: result } = clientApi.widget.stockPrice.getPriceHistory.useQuery(options, {
-    staleTime: 5 * 60 * 1000,
-  });
-
-  if (!result) return <WidgetEmptyState />;
-  const { data } = result;
+  const [{ data }] = clientApi.widget.stockPrice.getPriceHistory.useSuspenseQuery(options);

  const stockValuesChange = round(calculateChange(data.priceHistory.at(-1) ?? 0, data.previousClose));
  const stockValuesChangePercentage = round(
@@ -7,7 +7,6 @@ import { useRequiredBoard } from "@homarr/boards/context";
 import { humanFileSize } from "@homarr/common";
 import { useI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { NoIntegrationDataError } from "../errors/no-data-integration";

@@ -33,15 +32,18 @@ const getDisplayText = (item: { used: string; available: string; percentage: num

 export default function SystemResources({ integrationIds, options }: WidgetComponentProps<"systemDisks">) {
  const queryInput = { integrationIds };
-  const { data = [] } = clientApi.widget.healthMonitoring.getSystemHealthStatus.useQuery(queryInput, {
-    staleTime: 5 * 1000,
-  });
+  const [data] = clientApi.widget.healthMonitoring.getSystemHealthStatus.useSuspenseQuery(queryInput);
  const utils = clientApi.useUtils();

  const board = useRequiredBoard();
  const scheme = useMantineColorScheme();
  const t = useI18n();

+  const lastItem = data.at(-1);
+
+  if (!lastItem) return null;
+  const { fileSystem, smart } = lastItem.healthInfo;
+
  clientApi.widget.healthMonitoring.subscribeSystemHealthStatus.useSubscription(queryInput, {
    onData(data) {
      utils.widget.healthMonitoring.getSystemHealthStatus.setData(queryInput, (oldData) =>
@@ -50,11 +52,6 @@ export default function SystemResources({ integrationIds, options }: WidgetCompo
    },
  });

-  const lastItem = data.at(-1);
-
-  if (!lastItem) return <WidgetEmptyState />;
-  const { fileSystem, smart } = lastItem.healthInfo;
-
  if (fileSystem.length === 0) {
    throw new NoIntegrationDataError();
  }
@@ -2,7 +2,7 @@
 import type { ReactNode } from "react";
 import type { AreaChartSeries } from "@mantine/charts";
 import { AreaChart, LineChart } from "@mantine/charts";
-import { Card, Center, Group, Stack, Text, useComputedColorScheme, useMantineTheme } from "@mantine/core";
+import { Card, Center, Group, Loader, Stack, Text, useComputedColorScheme, useMantineTheme } from "@mantine/core";
 import { useElementSize, useHover, useMergedRef } from "@mantine/hooks";
 import type { TooltipProps, YAxisProps } from "recharts";

@@ -85,13 +85,8 @@ export const CommonChart = ({
      )}
      {data.length <= 1 ? (
        <Center pos="absolute" w="100%" h="100%">
-          <Stack px={"xs"} align={"center"} gap={4}>
-            {showIcon && <Icon color={"var(--mantine-color-dimmed)"} size={height > 100 ? 20 : 14} stroke={1.5} />}
-            {showText && (
-              <Text c={"dimmed"} size={height > 100 ? "md" : "xs"} fw={"bold"} ta="center">
-                {title}
-              </Text>
-            )}
+          <Stack px={"xs"} align={"center"}>
+            <Loader type="bars" size={height > 100 ? "md" : "xs"} color={"rgba(94, 94, 94, 1)"} />
          </Stack>
        </Center>
      ) : (
@@ -18,14 +18,9 @@ const MAX_QUEUE_SIZE = 15;
 export default function SystemResources({ integrationIds, options }: WidgetComponentProps<"systemResources">) {
  const { ref, width } = useElementSize();

-  const { data = [] } = clientApi.widget.healthMonitoring.getSystemHealthStatus.useQuery(
-    {
-      integrationIds,
-    },
-    {
-      staleTime: 5 * 1000,
-    },
-  );
+  const [data] = clientApi.widget.healthMonitoring.getSystemHealthStatus.useSuspenseQuery({
+    integrationIds,
+  });
  const memoryCapacityInBytes =
    (data[0]?.healthInfo.memAvailableInBytes ?? 0) + (data[0]?.healthInfo.memUsedInBytes ?? 0);

@@ -26,22 +26,17 @@ interface TimetableWidgetInnerProps {
 }

 const TimetableWidgetInner = ({ station, integrationId }: TimetableWidgetInnerProps) => {
-  const { data: timetable } = clientApi.widget.timetable.getTimetable.useQuery(
-    {
-      integrationId,
-      stationId: station.value,
-      limit: 10,
-    },
-    {
-      staleTime: 60 * 1000,
-    },
-  );
+  const [timetable] = clientApi.widget.timetable.getTimetable.useSuspenseQuery({
+    integrationId,
+    stationId: station.value,
+    limit: 10,
+  });
  const t = useScopedI18n("widget.timetable");

  return (
    <Stack w="100%" gap="xs" p="sm">
      <Text fw="bold">{t("title", { station: station.label })}</Text>
-      {(timetable?.entries ?? []).map((entry) => (
+      {timetable.entries.map((entry) => (
        <Group key={`${entry.timestamp.toISOString()}-${entry.location}`} justify="space-between" w="100%">
          <Group gap="sm">
            {entry.line && (
@@ -35,10 +35,7 @@ interface TracearrContentProps {

 function TracearrContent({ integrationIds, options, width, isEditMode }: TracearrContentProps) {
  const t = useScopedI18n("widget.tracearr");
-  const { data: dashboardData = [] } = clientApi.widget.tracearr.getDashboard.useQuery(
-    { integrationIds },
-    { staleTime: 5 * 1000 },
-  );
+  const [dashboardData] = clientApi.widget.tracearr.getDashboard.useSuspenseQuery({ integrationIds });

  const utils = clientApi.useUtils();
  clientApi.widget.tracearr.subscribeToDashboard.useSubscription(
@@ -40,20 +40,15 @@ export function UmamiContent({
  const { colorScheme } = useMantineColorScheme();
  const tickColor = colorScheme === "dark" ? "#c1c2c5" : "#495057";

-  const { data: results = [] } = clientApi.widget.umami.getVisitorStats.useQuery(
-    {
-      integrationIds,
-      websiteId,
-      timeFrame,
-      eventName,
-    },
-    { staleTime: 5 * 60 * 1000 },
-  );
+  const [results] = clientApi.widget.umami.getVisitorStats.useSuspenseQuery({
+    integrationIds,
+    websiteId,
+    timeFrame,
+    eventName,
+  });

  const activeVisitorsInput = { integrationId: integrationIds[0] ?? "", websiteId };
-  const { data: activeVisitors = 0 } = clientApi.widget.umami.getActiveVisitors.useQuery(activeVisitorsInput, {
-    staleTime: 30 * 1000,
-  });
+  const [activeVisitors] = clientApi.widget.umami.getActiveVisitors.useSuspenseQuery(activeVisitorsInput);
  const utils = clientApi.useUtils();
  clientApi.widget.umami.subscribeActiveVisitors.useSubscription(activeVisitorsInput, {
    onData(count) {
@@ -62,8 +57,8 @@ export function UmamiContent({
  });

  const { data: multiEventSeries } = clientApi.widget.umami.getMultiEventTimeSeries.useQuery(
-    { integrationId: integrationIds[0] ?? "", websiteId, timeFrame, eventNames: [...eventNames].toSorted() },
-    { enabled: viewMode === "events" && eventNames.length > 0, staleTime: 5 * 60 * 1000 },
+    { integrationId: integrationIds[0] ?? "", websiteId, timeFrame, eventNames: [...eventNames].sort() },
+    { enabled: viewMode === "events" && eventNames.length > 0 },
  );

  const multiEventTotal = multiEventSeries
@@ -28,15 +28,12 @@ export function UmamiEventsContent({
  const { colorScheme } = useMantineColorScheme();
  const tickColor = colorScheme === "dark" ? "#c1c2c5" : "#495057";

-  const { data: series = [] } = clientApi.widget.umami.getMultiEventTimeSeries.useQuery(
-    {
-      integrationId: integrationIds[0] ?? "",
-      websiteId,
-      timeFrame,
-      eventNames: [...eventNames].toSorted(),
-    },
-    { staleTime: 5 * 60 * 1000 },
-  );
+  const [series] = clientApi.widget.umami.getMultiEventTimeSeries.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+    websiteId,
+    timeFrame,
+    eventNames: [...eventNames].sort(),
+  });

  if (eventNames.length === 0) {
    return (
@@ -51,7 +48,7 @@ export function UmamiEventsContent({
  // Collect all unique timestamps across all series
  const allTimestamps = Array.from(
    new Set(series.flatMap(({ dataPoints }) => dataPoints.map(({ x: xPoint }) => xPoint))),
-  ).toSorted();
+  ).sort();

  // Build per-event lookup by timestamp string
  const byEvent = new Map(
@@ -15,29 +15,23 @@ interface UmamiTopListProps {

 export function UmamiTopPagesContent({ integrationIds, websiteId, timeFrame, limit }: UmamiTopListProps) {
  const t = useScopedI18n("widget.umami");
-  const { data = [] } = clientApi.widget.umami.getTopPages.useQuery(
-    {
-      integrationId: integrationIds[0] ?? "",
-      websiteId,
-      timeFrame,
-      limit,
-    },
-    { staleTime: 5 * 60 * 1000 },
-  );
+  const [data] = clientApi.widget.umami.getTopPages.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+    websiteId,
+    timeFrame,
+    limit,
+  });
  return <UmamiTopList items={data} heading={t("option.viewMode.option.topPages")} emptyLabel={t("topPages.direct")} />;
 }

 export function UmamiTopReferrersContent({ integrationIds, websiteId, timeFrame, limit }: UmamiTopListProps) {
  const t = useScopedI18n("widget.umami");
-  const { data = [] } = clientApi.widget.umami.getTopReferrers.useQuery(
-    {
-      integrationId: integrationIds[0] ?? "",
-      websiteId,
-      timeFrame,
-      limit,
-    },
-    { staleTime: 5 * 60 * 1000 },
-  );
+  const [data] = clientApi.widget.umami.getTopReferrers.useSuspenseQuery({
+    integrationId: integrationIds[0] ?? "",
+    websiteId,
+    timeFrame,
+    limit,
+  });
  return (
    <UmamiTopList
      items={data}
@@ -8,7 +8,6 @@ import type { UpsStatus, UpsSummary } from "@homarr/integrations/types";
 import type { ScopedTranslationFunction } from "@homarr/translation";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { NoIntegrationDataError } from "../errors/no-data-integration";
 import { NoIntegrationSelectedError } from "../errors/no-integration-selected";
@@ -40,7 +39,7 @@ interface UpsContentProps {

 function UpsContent({ integrationIds, options, isEditMode, width }: UpsContentProps) {
  const t = useScopedI18n("widget.ups");
-  const { data } = clientApi.widget.ups.getSummaries.useQuery({ integrationIds }, { staleTime: 30 * 1000 });
+  const [data] = clientApi.widget.ups.getSummaries.useSuspenseQuery({ integrationIds });

  const utils = clientApi.useUtils();
  clientApi.widget.ups.subscribeSummaries.useSubscription(
@@ -60,8 +59,6 @@ function UpsContent({ integrationIds, options, isEditMode, width }: UpsContentPr
    },
  );

-  if (!data) return <WidgetEmptyState />;
-
  const devices = data.flatMap((instance) =>
    instance.summaries.map((summary) => ({ key: `${instance.integrationId}:${summary.id}`, summary })),
  );
@@ -9,7 +9,6 @@ import { formatNumber } from "@homarr/common";
 import type { UptimeKumaDashboardData } from "@homarr/integrations/types";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { NoIntegrationDataError } from "../errors/no-data-integration";
 import classes from "./component.module.css";
@@ -107,10 +106,7 @@ interface UptimeKumaContentProps {

 function UptimeKumaContent({ integrationIds, isEditMode, options, width }: UptimeKumaContentProps) {
  const t = useScopedI18n("widget.uptimeKuma");
-  const { data: dashboardData } = clientApi.widget.uptimeKuma.getDashboard.useQuery(
-    { integrationIds },
-    { staleTime: 30 * 1000 },
-  );
+  const [dashboardData] = clientApi.widget.uptimeKuma.getDashboard.useSuspenseQuery({ integrationIds });

  const utils = clientApi.useUtils();
  clientApi.widget.uptimeKuma.subscribeToDashboard.useSubscription(
@@ -131,8 +127,6 @@ function UptimeKumaContent({ integrationIds, isEditMode, options, width }: Uptim
    },
  );

-  if (!dashboardData) return <WidgetEmptyState />;
-
  const combined = dashboardData.reduce<UptimeKumaDashboardData>(
    (acc, item) => ({
      totalMonitors: acc.totalMonitors + item.dashboard.totalMonitors,
@@ -10,7 +10,6 @@ import { clientApi } from "@homarr/api/client";
 import { metricToImperial } from "@homarr/common";
 import { useScopedI18n } from "@homarr/translation/client";

-import { WidgetEmptyState } from "../common/empty-state";
 import type { WidgetComponentProps } from "../definition";
 import { WeatherDescription, WeatherIcon } from "./icon";

@@ -19,8 +18,8 @@ export default function WeatherWidget({ isEditMode, options }: WidgetComponentPr
    latitude: options.location.latitude,
    longitude: options.location.longitude,
  };
-  const { data: weather } = clientApi.widget.weather.atLocation.useQuery(input, {
-    staleTime: 60 * 1000,
+  const [weather] = clientApi.widget.weather.atLocation.useSuspenseQuery(input, {
+    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchOnReconnect: false,
  });
@@ -30,8 +29,6 @@ export default function WeatherWidget({ isEditMode, options }: WidgetComponentPr
    onData: (data) => utils.widget.weather.atLocation.setData(input, data),
  });

-  if (!weather) return <WidgetEmptyState />;
-
  return (
    <Stack
      align="center"
@@ -132,9 +132,6 @@ catalogs:
    '@tabler/icons-react':
      specifier: ^3.44.0
      version: 3.44.0
-    '@tanstack/query-persist-client-core':
-      specifier: ^5.101.0
-      version: 5.101.0
    '@tanstack/react-query':
      specifier: ^5.101.0
      version: 5.101.0
@@ -480,9 +477,6 @@ catalogs:
    semver-parser:
      specifier: ^4.2.1
      version: 4.2.1
-    sql.js:
-      specifier: ^1.12.0
-      version: 1.14.1
    superjson:
      specifier: 2.2.6
      version: 2.2.6
@@ -793,9 +787,6 @@ importers:
      '@tabler/icons-react':
        specifier: 'catalog:'
        version: 3.44.0(react@19.2.7)
-      '@tanstack/query-persist-client-core':
-        specifier: 'catalog:'
-        version: 5.101.0
      '@tanstack/react-query':
        specifier: 'catalog:'
        version: 5.101.0(react@19.2.7)
@@ -849,7 +840,7 @@ importers:
        version: 17.4.2
      drizzle-orm:
        specifier: 'catalog:'
-        version: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+        version: 0.45.2(@libsql/client-wasm@0.14.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
      flag-icons:
        specifier: 'catalog:'
        version: 7.5.0
@@ -862,15 +853,12 @@ importers:
      jotai:
        specifier: 'catalog:'
        version: 2.20.0(@babel/core@7.29.0)(@babel/template@7.28.6)(@types/react@19.2.16)(react@19.2.7)
-      jszip:
-        specifier: 'catalog:'
-        version: 3.10.1
      lucide-react:
        specifier: 'catalog:'
        version: 1.17.0(react@19.2.7)
      mantine-datatable:
        specifier: 'catalog:'
-        version: 9.2.2(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(clsx@2.1.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 9.2.2(@mantine/core@9.2.2(@mantine/hooks@9.2.2(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.2.2(react@19.2.7))(clsx@2.1.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
      mantine-react-table:
        specifier: 'catalog:'
        version: mantine-react-table-open@9.0.3(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/dates@9.3.0(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(@tabler/icons-react@3.44.0(react@19.2.7))(clsx@2.1.1)(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -909,7 +897,7 @@ importers:
        version: 2.2.6
      trpc-to-mcp:
        specifier: 'catalog:'
-        version: 1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3)
+        version: 1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3)
      use-deep-compare-effect:
        specifier: 'catalog:'
        version: 1.8.1(react@19.2.7)
@@ -1216,7 +1204,7 @@ importers:
        version: 2.2.6
      trpc-to-mcp:
        specifier: 'catalog:'
-        version: 1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3)
+        version: 1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3)
      trpc-to-openapi:
        specifier: 'catalog:'
        version: 3.3.0(patch_hash=2ca3c16af0fcca0c736697ad4fe553a14f794524fa9ce0d5c3e8ee4aea76090c)(@trpc/server@11.17.0(typescript@5.9.3))(zod-openapi@5.3.0(zod@4.4.3))(zod@4.4.3)
@@ -1398,7 +1386,7 @@ importers:
        version: 0.2.9
      drizzle-orm:
        specifier: 'catalog:'
-        version: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+        version: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)
      ioredis:
        specifier: 'catalog:'
        version: 5.11.0
@@ -1570,10 +1558,10 @@ importers:
        version: 0.31.10
      drizzle-orm:
        specifier: 'catalog:'
-        version: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+        version: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)
      drizzle-zod:
        specifier: 'catalog:'
-        version: 0.8.3(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(zod@4.4.3)
+        version: 0.8.3(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(zod@4.4.3)
      mysql2:
        specifier: 'catalog:'
        version: 3.22.4(@types/node@24.12.4)
@@ -2528,7 +2516,7 @@ importers:
        version: 1.17.0(react@19.2.7)
      mantine-datatable:
        specifier: 'catalog:'
-        version: 9.2.2(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(clsx@2.1.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 9.2.2(@mantine/core@9.2.2(@mantine/hooks@9.2.2(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.2.2(react@19.2.7))(clsx@2.1.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
      mantine-react-table:
        specifier: 'catalog:'
        version: mantine-react-table-open@9.0.3(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/dates@9.3.0(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(@tabler/icons-react@3.44.0(react@19.2.7))(clsx@2.1.1)(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -3523,6 +3511,9 @@ packages:
  '@floating-ui/utils@0.2.11':
    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}

+  '@floating-ui/vue@1.1.11':
+    resolution: {integrity: sha512-HzHKCNVxnGS35r9fCHBc3+uCnjw9IWIlCPL683cGgM9Kgj2BiAl8x1mS7vtvP6F9S/e/q4O6MApwSHj8hNLGfw==}
+
  '@floating-ui/vue@1.1.9':
    resolution: {integrity: sha512-BfNqNW6KA83Nexspgb9DZuz578R7HT8MZw1CfK9I6Ah4QReNWEJsXWHN+SdmOVLNGmTPDi+fDT535Df5PzMLbQ==}

@@ -5214,9 +5205,6 @@ packages:
  '@tanstack/query-devtools@5.101.0':
    resolution: {integrity: sha512-MVqw17k08RQtGGLEL654+dX/btbX9p/8WjkznO//zusLTMaObxi3Q+MoFwGVkC9K3tqjn8qrrNhJevXx4fJTeQ==}

-  '@tanstack/query-persist-client-core@5.101.0':
-    resolution: {integrity: sha512-LH99WepGVLwlLfuOcQcPK7f3Xg/Gf+xlMMIj9xWu/8oQ3egnDzjr+a4HvEmi6PGob5SmGXvmDKZaH5+In9dzjw==}
-
  '@tanstack/react-query-devtools@5.101.0':
    resolution: {integrity: sha512-cpZA0+WqKXwrwMfiWZEGGF6QrIWVQFbhBtxqDF5sQsAfrFf47HIE6fiPbQU3wyAUEN2+7UNqLCQe7oG6m3f93w==}
    peerDependencies:
@@ -9017,6 +9005,10 @@ packages:
    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
    engines: {node: ^10 || ^12 || >=14}

+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
+
  postgres-array@2.0.0:
    resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
    engines: {node: '>=4'}
@@ -9545,9 +9537,6 @@ packages:
  set-cookie-parser@3.1.0:
    resolution: {integrity: sha512-kjnC1DXBHcxaOaOXBHBeRtltsDG2nUiUni+jP92M9gYdW12rsmx92UsfpH7o5tDRs7I1ZZPSQJQGv3UaRfCiuw==}

-  setimmediate@1.0.5:
-    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
-
  setprototypeof@1.2.0:
    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}

@@ -10908,12 +10897,12 @@ snapshots:
    optionalDependencies:
      '@opentelemetry/api': 1.9.0

-  '@better-auth/drizzle-adapter@1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))':
+  '@better-auth/drizzle-adapter@1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))':
    dependencies:
      '@better-auth/core': 1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0)
      '@better-auth/utils': 0.4.1
    optionalDependencies:
-      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)

  '@better-auth/kysely-adapter@1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(kysely@0.29.2)':
    dependencies:
@@ -11472,6 +11461,15 @@ snapshots:

  '@floating-ui/utils@0.2.11': {}

+  '@floating-ui/vue@1.1.11(vue@3.5.35(typescript@5.9.3))':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@floating-ui/utils': 0.2.11
+      vue-demi: 0.14.10(vue@3.5.35(typescript@5.9.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
  '@floating-ui/vue@1.1.9(vue@3.5.35(typescript@5.9.3))':
    dependencies:
      '@floating-ui/dom': 1.7.6
@@ -13193,10 +13191,6 @@ snapshots:

  '@tanstack/query-devtools@5.101.0': {}

-  '@tanstack/query-persist-client-core@5.101.0':
-    dependencies:
-      '@tanstack/query-core': 5.101.0
-
  '@tanstack/react-query-devtools@5.101.0(@tanstack/react-query@5.101.0(react@19.2.7))(react@19.2.7)':
    dependencies:
      '@tanstack/query-devtools': 5.101.0
@@ -14321,10 +14315,10 @@ snapshots:

  before-after-hook@4.0.0: {}

-  better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)):
+  better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)):
    dependencies:
      '@better-auth/core': 1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0)
-      '@better-auth/drizzle-adapter': 1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))
+      '@better-auth/drizzle-adapter': 1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))
      '@better-auth/kysely-adapter': 1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)(kysely@0.29.2)
      '@better-auth/memory-adapter': 1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)
      '@better-auth/mongo-adapter': 1.6.14(@better-auth/core@1.6.14(@better-auth/utils@0.4.1)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.29.2)(nanostores@1.3.0))(@better-auth/utils@0.4.1)
@@ -14343,7 +14337,7 @@ snapshots:
    optionalDependencies:
      better-sqlite3: 12.10.0
      drizzle-kit: 0.31.10
-      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)
      mysql2: 3.22.4(@types/node@24.12.4)
      next: 16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)
      pg: 8.21.0
@@ -14903,7 +14897,7 @@ snapshots:
      esbuild: 0.25.12
      tsx: 4.21.0

-  drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1):
+  drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0):
    optionalDependencies:
      '@libsql/client-wasm': 0.14.0
      '@opentelemetry/api': 1.9.0
@@ -14916,9 +14910,9 @@ snapshots:
      pg: 8.21.0
      sql.js: 1.14.1

-  drizzle-zod@0.8.3(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(zod@4.4.3):
+  drizzle-zod@0.8.3(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(zod@4.4.3):
    dependencies:
-      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1)
+      drizzle-orm: 0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)
      zod: 4.4.3

  dunder-proto@1.0.1:
@@ -16212,14 +16206,6 @@ snapshots:
    dependencies:
      semver: 7.7.4

-  mantine-datatable@9.2.2(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(clsx@2.1.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
-    dependencies:
-      '@mantine/core': 9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      '@mantine/hooks': 9.3.0(react@19.2.7)
-      clsx: 2.1.1
-      react: 19.2.7
-      react-dom: 19.2.7(react@19.2.7)
-
  mantine-react-table-open@9.0.3(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/dates@9.3.0(@mantine/core@9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7))(@mantine/hooks@9.3.0(react@19.2.7))(@tabler/icons-react@3.44.0(react@19.2.7))(clsx@2.1.1)(dayjs@1.11.21)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
    dependencies:
      '@mantine/core': 9.3.0(@mantine/hooks@9.3.0(react@19.2.7))(@types/react@19.2.16)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
@@ -17227,6 +17213,12 @@ snapshots:
      picocolors: 1.1.1
      source-map-js: 1.2.1

+  postcss@8.5.8:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
  postgres-array@2.0.0: {}

  postgres-bytea@1.0.0: {}
@@ -17436,7 +17428,7 @@ snapshots:
  radix-vue@1.9.17(vue@3.5.35(typescript@5.9.3)):
    dependencies:
      '@floating-ui/dom': 1.7.6
-      '@floating-ui/vue': 1.1.9(vue@3.5.35(typescript@5.9.3))
+      '@floating-ui/vue': 1.1.11(vue@3.5.35(typescript@5.9.3))
      '@internationalized/date': 3.12.2
      '@internationalized/number': 3.6.7
      '@tanstack/vue-virtual': 3.13.28(vue@3.5.35(typescript@5.9.3))
@@ -18460,11 +18452,11 @@ snapshots:

  trough@2.2.0: {}

-  trpc-to-mcp@1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3):
+  trpc-to-mcp@1.3.2(@trpc/server@11.17.0(typescript@5.9.3))(better-auth@1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3)))(mcp-handler@1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0)))(zod@4.4.3):
    dependencies:
      '@modelcontextprotocol/sdk': 1.26.0(zod@4.4.3)
      '@trpc/server': 11.17.0(typescript@5.9.3)
-      better-auth: 1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0)(sql.js@1.14.1))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3))
+      better-auth: 1.6.14(@opentelemetry/api@1.9.0)(better-sqlite3@12.10.0)(drizzle-kit@0.31.10)(drizzle-orm@0.45.2(@libsql/client-wasm@0.14.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.13)(@types/pg@8.20.0)(better-sqlite3@12.10.0)(gel@2.0.0)(kysely@0.29.2)(mysql2@3.22.4(@types/node@24.12.4))(pg@8.21.0))(mysql2@3.22.4(@types/node@24.12.4))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))(pg@8.21.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(vitest@4.1.8)(vue@3.5.35(typescript@5.9.3))
      mcp-handler: 1.1.0(@modelcontextprotocol/sdk@1.26.0(zod@4.4.3))(next@16.2.7(@babel/core@7.29.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.60.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)(sass@1.100.0))
      zod: 4.4.3
    transitivePeerDependencies:
@@ -18775,7 +18767,7 @@ snapshots:
      esbuild: 0.25.12
      fdir: 6.5.0(picomatch@4.0.4)
      picomatch: 4.0.4
-      postcss: 8.5.15
+      postcss: 8.5.8
      rollup: 4.60.0
      tinyglobby: 0.2.15
    optionalDependencies:
@@ -45,7 +45,6 @@ catalog:
  "@semantic-release/release-notes-generator": ^14.1.1
  "@t3-oss/env-nextjs": ^0.13.11
  "@tabler/icons-react": ^3.44.0
-  "@tanstack/query-persist-client-core": ^5.101.0
  "@tanstack/react-query": ^5.101.0
  "@tanstack/react-query-devtools": ^5.101.0
  "@tanstack/react-query-next-experimental": ^5.101.0
Author	SHA1	Message	Date
Thomas	bb2f6644fa	Merge branch 'dev' into feat/add-mcp-server	2026-06-10 18:28:24 +02:00
Thomas Camlong	bd6093bb72	Merge remote-tracking branch 'origin/dev' into feat/add-mcp-server # Conflicts: # pnpm-lock.yaml # pnpm-workspace.yaml	2026-06-10 18:25:40 +02:00
Thomas Camlong	4dc110f71c	fix(ui): align Scalar API reference theme with Mantine dark mode Override all Scalar CSS variables including --scalar-background-card, --scalar-background-accent, button colors, and scrollbar colors to properly map to Mantine design tokens in both light and dark modes. Fixes sub-schema dropdowns and response previews using wrong background.	2026-06-09 00:39:53 +02:00
ajnart	6b1d5aae56	style: auto-fix lint and format	2026-06-08 22:19:09 +00:00
Thomas Camlong	1a3c4c43fe	feat(api): register boardRouter in OpenAPI router Expose board endpoints in the Scalar API documentation.	2026-06-09 00:18:25 +02:00
Thomas Camlong	39bef6dc00	feat(api): expose board CRUD via REST/OpenAPI and add addItem endpoint Annotate getAllBoards (GET /api/boards), createBoard (POST /api/boards), and deleteBoard (DELETE /api/boards/{id}) with OpenAPI and MCP metadata. Add new board.addItem mutation (POST /api/boards/items) that places a widget in the first empty section at the next free grid position, with integration ID validation and full-board error handling. Closes #5867	2026-06-09 00:18:25 +02:00
Thomas Camlong	e1cf9f167c	feat(api): add board summary and addItem validation schemas Add boardSummarySchema for OpenAPI output on getAllBoards and addItemToBoardSchema for the new addItem mutation input.	2026-06-09 00:18:25 +02:00
ajnart	acf8d572da	style: auto-fix lint and format	2026-06-08 21:39:41 +00:00
Thomas Camlong	7500128354	feat(mcp): rename sidebar entry from "API" to "API & MCP"	2026-06-08 23:38:31 +02:00
Thomas Camlong	4870a0d9ac	feat(mcp): replace tools table with accordion grouped by namespace Replace flat table with a separated Accordion that groups tools by namespace (app, docker, integration, etc.). Each category shows a tool count badge and expands to show tools with GET/POST type badges and descriptions. Remove troubleshooting section and divider.	2026-06-08 23:38:23 +02:00
Thomas Camlong	8848949d9c	refactor(mcp): extract Scalar CSS overrides to stylesheet Move inline CSS template literal to a proper scalar-theme.css file imported as a side-effect stylesheet. The overrides target Scalar's .light-mode/.dark-mode selectors so they work as global CSS, removing the need for the customCss string prop.	2026-06-08 23:38:15 +02:00
Thomas Camlong	de68b64321	refactor(mcp): use shared tool extraction helper and clean imports Replace deep relative package.json import with existing getPackageVersion() helper. Extract extractToolsFromProcedures into a shared _extract-tools.ts that silences expected trpc-to-mcp warnings for z.void() procedures. Remove dead eslint-disable comments.	2026-06-08 23:38:06 +02:00
Thomas Camlong	4ed264c318	refactor(mcp): replace `as unknown as` globalThis casts with `declare global` Use proper TypeScript `declare global` + `??` assignment pattern to initialize HMR-safe singletons without double casts or non-null assertions. Also removes dead eslint-disable comments (oxlint is used).	2026-06-08 23:37:58 +02:00
Thomas Camlong	cdb4d683fd	Merge remote-tracking branch 'origin/dev' into feat/add-mcp-server # Conflicts: # package.json # pnpm-lock.yaml # pnpm-workspace.yaml	2026-06-08 22:30:08 +02:00
Thomas Camlong	311fd2356a	fix(mcp): harden MCP route security and code quality - Sanitize error messages to prevent leaking internal details - Add isError flag to tool-not-found and no-caller responses - Guard against undefined procedure before invocation - Clear auth rate limit on successful authentication - Move setInterval timers to globalThis to prevent dev hot-reload leaks - Add try/catch + logging to OAuth token exchange - Deduplicate auth error responses with helper function - Replace ternary operators with lookup tables in UI - Remove console.error monkey-patch for trpc-to-mcp warnings - Use lookup table for media request answer actions	2026-06-07 01:45:28 +02:00
Thomas Camlong	873444fe48	feat(mcp): add Model Context Protocol server with AI integration	2026-06-06 22:52:51 +02:00