chore(release): automatic release v1.43.0

2026-02-27 00:40:58 +01:00 · 2025-10-24 19:14:56 +00:00
parent d6e463f6e4 7281b4ae32
commit cd391c6b08
96 changed files with 7643 additions and 997 deletions
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -33,6 +33,7 @@ body:
      options:
        # The below comment is used to insert a new version with on-release.yml
        #NEXT_VERSION#
+        - 1.42.1
        - 1.42.0
        - 1.41.0
        - 1.40.0
--- a/.github/renovate.json5
+++ b/.github/renovate.json5
@@ -3,12 +3,12 @@
  extends: ["config:recommended"],
  packageRules: [
    {
-      matchPackagePatterns: ["^@homarr/"],
+      matchPackageNames: ["^@homarr/"],
      enabled: false,
    },
    // Reenable once https://github.com/privatenumber/tsx/issues/737 is fixed
    {
-      matchPackagePatterns: ["tsx"],
+      matchPackageNames: ["tsx"],
      enabled: false,
    },
    {
--- a/.github/workflows/on-pr-renovate-validate.yml
+++ b/.github/workflows/on-pr-renovate-validate.yml
@@ -0,0 +1,18 @@
+name: "[Renovate] Validate configuration"
+
+permissions:
+  contents: read
+
+on:
+  pull_request:
+    branches: ["*"]
+    paths: [".github/renovate.json5"]
+
+jobs:
+  renovate-validate:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v5
+      - run: |
+          npx --yes --package renovate -- \
+              renovate-config-validator --strict .github/renovate.json5
--- a/apps/nextjs/package.json
+++ b/apps/nextjs/package.json
@@ -50,15 +50,15 @@
    "@homarr/ui": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
    "@homarr/widgets": "workspace:^0.1.0",
-    "@mantine/colors-generator": "^8.3.4",
-    "@mantine/core": "^8.3.4",
-    "@mantine/dropzone": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
-    "@mantine/modals": "^8.3.4",
-    "@mantine/tiptap": "^8.3.4",
+    "@mantine/colors-generator": "^8.3.5",
+    "@mantine/core": "^8.3.5",
+    "@mantine/dropzone": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
+    "@mantine/modals": "^8.3.5",
+    "@mantine/tiptap": "^8.3.5",
    "@million/lint": "1.0.14",
    "@tabler/icons-react": "^3.35.0",
-    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query": "^5.90.5",
    "@tanstack/react-query-devtools": "^5.90.2",
    "@tanstack/react-query-next-experimental": "^5.90.2",
    "@trpc/client": "^11.6.0",
@@ -76,7 +76,7 @@
    "glob": "^11.0.3",
    "jotai": "^2.15.0",
    "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "postcss-preset-mantine": "^1.18.0",
    "prismjs": "^1.30.0",
    "react": "19.2.0",
@@ -85,7 +85,7 @@
    "react-simple-code-editor": "^0.14.1",
    "sass": "^1.93.2",
    "superjson": "2.2.2",
-    "swagger-ui-react": "^5.29.4",
+    "swagger-ui-react": "^5.29.5",
    "use-deep-compare-effect": "^1.8.1",
    "zod": "^4.1.12"
  },
@@ -94,13 +94,13 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/chroma-js": "3.1.1",
-    "@types/node": "^22.18.10",
+    "@types/node": "^22.18.11",
    "@types/prismjs": "^1.26.5",
    "@types/react": "19.2.2",
    "@types/react-dom": "19.2.2",
    "@types/swagger-ui-react": "^5.18.0",
    "concurrently": "^9.2.1",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "node-loader": "^2.1.0",
    "prettier": "^3.6.2",
    "typescript": "^5.9.3"
--- a/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx
+++ b/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx
@@ -19,6 +19,7 @@ import {
 } from "@tabler/icons-react";

 import { clientApi } from "@homarr/api/client";
+import { useSession } from "@homarr/auth/client";
 import { useRequiredBoard } from "@homarr/boards/context";
 import { useEditMode } from "@homarr/boards/edit-mode";
 import { revalidatePathActionAsync } from "@homarr/common/client";
@@ -62,6 +63,7 @@ export const BoardContentHeaderActions = () => {
 };

 const AddMenu = () => {
+  const { data: session } = useSession();
  const { openModal: openCategoryEditModal } = useModalAction(CategoryEditModal);
  const { openModal: openItemSelectModal } = useModalAction(ItemSelectModal);
  const { openModal: openAppSelectModal } = useModalAction(AppSelectModal);
@@ -96,12 +98,13 @@ const AddMenu = () => {

  const handleSelectApp = useCallback(() => {
    openAppSelectModal({
-      onSelect: (appId) => {
+      onSelect: (app) => {
        createItem({
          kind: "app",
-          options: { appId },
+          options: { appId: app.id },
        });
      },
+      withCreate: session?.user.permissions.includes("app-create") ?? false,
    });
  }, [openAppSelectModal, createItem]);

--- a/apps/nextjs/src/app/[locale]/manage/integrations/edit/[id]/_integration-edit-form.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/integrations/edit/[id]/_integration-edit-form.tsx
@@ -3,16 +3,18 @@
 import { useState } from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { Alert, Button, Fieldset, Group, Stack, Text, TextInput } from "@mantine/core";
-import { IconInfoCircle } from "@tabler/icons-react";
-import type { z } from "zod/v4";
+import { Alert, Anchor, Button, ButtonGroup, Fieldset, Group, Stack, Text, TextInput } from "@mantine/core";
+import { IconInfoCircle, IconPencil, IconPlus, IconUnlink } from "@tabler/icons-react";
+import { z } from "zod/v4";

 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
+import { useSession } from "@homarr/auth/client";
 import { revalidatePathActionAsync } from "@homarr/common/client";
 import { getAllSecretKindOptions, getDefaultSecretKinds } from "@homarr/definitions";
 import { useZodForm } from "@homarr/form";
-import { useConfirmModal } from "@homarr/modals";
+import { useConfirmModal, useModalAction } from "@homarr/modals";
+import { AppSelectModal } from "@homarr/modals-collection";
 import { showErrorNotification, showSuccessNotification } from "@homarr/notifications";
 import { useI18n } from "@homarr/translation/client";
 import { integrationUpdateSchema } from "@homarr/validation/integration";
@@ -27,6 +29,19 @@ interface EditIntegrationForm {
  integration: RouterOutputs["integration"]["byId"];
 }

+const formSchema = integrationUpdateSchema.omit({ id: true, appId: true }).and(
+  z.object({
+    app: z
+      .object({
+        id: z.string(),
+        name: z.string(),
+        iconUrl: z.string(),
+        href: z.string().nullable(),
+      })
+      .nullable(),
+  }),
+);
+
 export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
  const t = useI18n();
  const { openConfirmModal } = useConfirmModal();
@@ -40,7 +55,7 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
  const hasUrlSecret = initialSecretsKinds.includes("url");

  const router = useRouter();
-  const form = useZodForm(integrationUpdateSchema.omit({ id: true }), {
+  const form = useZodForm(formSchema, {
    initialValues: {
      name: integration.name,
      url: integration.url,
@@ -48,6 +63,7 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
        kind,
        value: integration.secrets.find((secret) => secret.kind === kind)?.value ?? "",
      })),
+      app: integration.app ?? null,
    },
  });
  const { mutateAsync, isPending } = clientApi.integration.update.useMutation();
@@ -55,7 +71,7 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {

  const secretsMap = new Map(integration.secrets.map((secret) => [secret.kind, secret]));

-  const handleSubmitAsync = async (values: FormType) => {
+  const handleSubmitAsync = async ({ app, ...values }: FormType) => {
    const url = hasUrlSecret
      ? new URL(values.secrets.find((secret) => secret.kind === "url")?.value ?? values.url).origin
      : values.url;
@@ -68,6 +84,7 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
          kind: secret.kind,
          value: secret.value === "" ? null : secret.value,
        })),
+        appId: app?.id ?? null,
      },
      {
        onSuccess: (data) => {
@@ -102,7 +119,7 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
    form.values.secrets.length === initialSecretsKinds.length;

  return (
-    <form onSubmit={form.onSubmit((values) => void handleSubmitAsync(values))}>
+    <form onSubmit={form.onSubmit(async (values) => await handleSubmitAsync(values))}>
      <Stack>
        <TextInput withAsterisk label={t("integration.field.name.label")} {...form.getInputProps("name")} />

@@ -169,6 +186,8 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
          </Stack>
        </Fieldset>

+        <IntegrationLinkApp value={form.values.app} onChange={(app) => form.setFieldValue("app", app)} />
+
        {error !== null && <IntegrationTestConnectionError error={error} url={form.values.url} />}

        <Group justify="end" align="center">
@@ -184,4 +203,80 @@ export const EditIntegrationForm = ({ integration }: EditIntegrationForm) => {
  );
 };

-type FormType = Omit<z.infer<typeof integrationUpdateSchema>, "id">;
+type FormType = z.infer<typeof formSchema>;
+
+interface IntegrationAppSelectProps {
+  value: FormType["app"];
+  onChange: (app: FormType["app"]) => void;
+}
+
+const IntegrationLinkApp = ({ value, onChange }: IntegrationAppSelectProps) => {
+  const { openModal } = useModalAction(AppSelectModal);
+  const t = useI18n();
+  const { data: session } = useSession();
+  const canCreateApps = session?.user.permissions.includes("app-create") ?? false;
+
+  const handleChange = () =>
+    openModal(
+      {
+        onSelect: onChange,
+        withCreate: canCreateApps,
+      },
+      {
+        title: t("integration.page.edit.app.action.select"),
+      },
+    );
+
+  if (!value) {
+    return (
+      <Button
+        variant="subtle"
+        color="gray"
+        leftSection={<IconPlus size={16} stroke={1.5} />}
+        fullWidth
+        onClick={handleChange}
+      >
+        {t("integration.page.edit.app.action.add")}
+      </Button>
+    );
+  }
+
+  return (
+    <Fieldset legend={t("integration.field.app.sectionTitle")}>
+      <Group justify="space-between">
+        <Group gap="sm">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img src={value.iconUrl} alt={value.name} width={32} height={32} />
+          <Stack gap={0}>
+            <Text size="sm" fw="bold">
+              {value.name}
+            </Text>
+            {value.href !== null && (
+              <Anchor href={value.href} target="_blank" rel="noopener noreferrer" size="sm">
+                {value.href}
+              </Anchor>
+            )}
+          </Stack>
+        </Group>
+        <ButtonGroup>
+          <Button
+            variant="subtle"
+            color="gray"
+            leftSection={<IconUnlink size={16} stroke={1.5} />}
+            onClick={() => onChange(null)}
+          >
+            {t("integration.page.edit.app.action.remove")}
+          </Button>
+          <Button
+            variant="subtle"
+            color="gray"
+            leftSection={<IconPencil size={16} stroke={1.5} />}
+            onClick={handleChange}
+          >
+            {t("common.action.change")}
+          </Button>
+        </ButtonGroup>
+      </Group>
+    </Fieldset>
+  );
+};
--- a/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx
@@ -1,14 +1,29 @@
 "use client";

-import { useState } from "react";
+import { startTransition, useState } from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { Alert, Button, Checkbox, Collapse, Fieldset, Group, Stack, Text, TextInput } from "@mantine/core";
-import { IconInfoCircle } from "@tabler/icons-react";
+import {
+  Alert,
+  Button,
+  Checkbox,
+  Collapse,
+  Fieldset,
+  Group,
+  Loader,
+  SegmentedControl,
+  Select,
+  Stack,
+  Text,
+  TextInput,
+} from "@mantine/core";
+import { IconCheck, IconInfoCircle } from "@tabler/icons-react";
 import { z } from "zod/v4";

 import { clientApi } from "@homarr/api/client";
+import { useSession } from "@homarr/auth/client";
 import { revalidatePathActionAsync } from "@homarr/common/client";
+import type { Modify } from "@homarr/common/types";
 import type { IntegrationKind } from "@homarr/definitions";
 import {
  getAllSecretKindOptions,
@@ -17,6 +32,7 @@ import {
  getIntegrationName,
  integrationDefs,
 } from "@homarr/definitions";
+import type { GetInputPropsReturnType, UseFormReturnType } from "@homarr/form";
 import { useZodForm } from "@homarr/form";
 import { showErrorNotification, showSuccessNotification } from "@homarr/notifications";
 import { useI18n } from "@homarr/translation/client";
@@ -34,10 +50,11 @@ interface NewIntegrationFormProps {
  };
 }

-const formSchema = integrationCreateSchema.omit({ kind: true }).and(
+const formSchema = integrationCreateSchema.omit({ kind: true, app: true }).and(
  z.object({
-    createApp: z.boolean(),
+    hasApp: z.boolean(),
    appHref: appHrefSchema,
+    appId: z.string().nullable(),
  }),
 );

@@ -46,7 +63,8 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
  const secretKinds = getAllSecretKindOptions(searchParams.kind);
  const hasUrlSecret = secretKinds.some((kinds) => kinds.includes("url"));
  const router = useRouter();
-  const [opened, setOpened] = useState(false);
+  const { data: session } = useSession();
+  const canCreateApps = session?.user.permissions.includes("app-create") ?? false;

  let url = searchParams.url ?? getIntegrationDefaultUrl(searchParams.kind) ?? "";
  if (hasUrlSecret) {
@@ -62,31 +80,40 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
        value: "",
      })),
      attemptSearchEngineCreation: true,
-      createApp: false,
-      appHref: "",
-    },
-    onValuesChange(values, previous) {
-      if (values.createApp !== previous.createApp) {
-        setOpened(values.createApp);
-      }
+      hasApp: false,
+      appHref: url,
+      appId: null,
    },
  });

-  const { mutateAsync: createIntegrationAsync, isPending: isPendingIntegration } =
-    clientApi.integration.create.useMutation();
-  const { mutateAsync: createAppAsync, isPending: isPendingApp } = clientApi.app.create.useMutation();
-  const isPending = isPendingIntegration || isPendingApp;
+  const { mutateAsync: createIntegrationAsync, isPending } = clientApi.integration.create.useMutation();
  const [error, setError] = useState<null | AnyMappedTestConnectionError>(null);

-  const handleSubmitAsync = async (values: FormType) => {
+  const handleSubmitAsync = async ({ appId, appHref, hasApp, ...values }: FormType) => {
    const url = hasUrlSecret
      ? new URL(values.secrets.find((secret) => secret.kind === "url")?.value ?? values.url).origin
      : values.url;
+
+    const hasCustomHref = appHref !== null && appHref.trim().length >= 1;
+
+    const app = hasApp
+      ? appId !== null
+        ? { id: appId }
+        : {
+            name: values.name,
+            href: hasCustomHref ? appHref : url,
+            iconUrl: getIconUrl(searchParams.kind),
+            description: null,
+            pingUrl: url,
+          }
+      : undefined;
+
    await createIntegrationAsync(
      {
        kind: searchParams.kind,
        ...values,
        url,
+        app,
      },
      {
        async onSuccess(data) {
@@ -105,32 +132,7 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
            message: t("integration.page.create.notification.success.message"),
          });

-          if (!values.createApp) {
-            await revalidatePathActionAsync("/manage/integrations").then(() => router.push("/manage/integrations"));
-            return;
-          }
-
-          const hasCustomHref = values.appHref !== null && values.appHref.trim().length >= 1;
-          await createAppAsync(
-            {
-              name: values.name,
-              href: hasCustomHref ? values.appHref : url,
-              iconUrl: getIconUrl(searchParams.kind),
-              description: null,
-              pingUrl: url,
-            },
-            {
-              async onSettled() {
-                await revalidatePathActionAsync("/manage/integrations").then(() => router.push("/manage/integrations"));
-              },
-              onError() {
-                showErrorNotification({
-                  title: t("app.page.create.notification.error.title"),
-                  message: t("app.page.create.notification.error.message"),
-                });
-              },
-            },
-          );
+          await revalidatePathActionAsync("/manage/integrations").then(() => router.push("/manage/integrations"));
        },
        onError: () => {
          showErrorNotification({
@@ -184,15 +186,7 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
          />
        )}

-        <Checkbox
-          {...form.getInputProps("createApp", { type: "checkbox" })}
-          label={t("integration.field.createApp.label")}
-          description={t("integration.field.createApp.description")}
-        />
-
-        <Collapse in={opened}>
-          <TextInput placeholder={t("integration.field.appHref.placeholder")} {...form.getInputProps("appHref")} />
-        </Collapse>
+        <AppForm form={form} canCreateApps={canCreateApps} />

        <Group justify="end" align="center">
          <Button variant="default" component={Link} href="/manage/integrations">
@@ -208,3 +202,114 @@ export const NewIntegrationForm = ({ searchParams }: NewIntegrationFormProps) =>
 };

 type FormType = z.infer<typeof formSchema>;
+
+const AppForm = ({ form, canCreateApps }: { form: UseFormReturnType<FormType>; canCreateApps: boolean }) => {
+  const t = useI18n();
+  const checkboxInputProps = form.getInputProps("hasApp", { type: "checkbox" });
+
+  return (
+    <>
+      <Checkbox
+        {...checkboxInputProps}
+        onChange={(event) => {
+          startTransition(() => {
+            form.setFieldValue("appHref", event.currentTarget.checked ? form.values.url : null);
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+            checkboxInputProps.onChange(event);
+          });
+        }}
+        label={t("integration.field.createApp.label")}
+        description={t("integration.field.createApp.description")}
+      />
+
+      <Collapse in={form.values.hasApp}>
+        <Fieldset legend={t("integration.field.app.sectionTitle")}>
+          <Stack gap="sm">
+            {canCreateApps && (
+              <SegmentedControl
+                data={(["new", "existing"] as const).map((value) => ({
+                  value,
+                  label: t(`integration.page.create.app.option.${value}.title`),
+                }))}
+                value={form.values.appHref === null ? "existing" : "new"}
+                onChange={(value) => {
+                  if (value === "existing") {
+                    form.setFieldValue("appId", null);
+                    form.setFieldValue("appHref", null);
+                  } else {
+                    form.setFieldValue("appId", null);
+                    form.setFieldValue("appHref", form.values.url);
+                  }
+                }}
+              />
+            )}
+
+            {typeof form.values.appHref === "string" && canCreateApps ? (
+              <TextInput
+                placeholder={t("integration.field.appHref.placeholder")}
+                withAsterisk
+                label={t("integration.page.create.app.option.new.url.label")}
+                description={t("integration.page.create.app.option.new.url.description")}
+                {...form.getInputProps("appHref")}
+              />
+            ) : (
+              <IntegrationAppSelect {...form.getInputProps("appId")} />
+            )}
+          </Stack>
+        </Fieldset>
+      </Collapse>
+    </>
+  );
+};
+
+type IntegrationAppSelectProps = Modify<
+  GetInputPropsReturnType,
+  {
+    value?: string | null;
+    onChange: (value: string | null) => void;
+  }
+>;
+
+const IntegrationAppSelect = ({ value, ...props }: IntegrationAppSelectProps) => {
+  const { data, isPending } = clientApi.app.selectable.useQuery();
+  const t = useI18n();
+
+  const appMap = new Map(data?.map((app) => [app.id, app] as const));
+
+  return (
+    <Select
+      withAsterisk
+      label={t("integration.page.create.app.option.existing.label")}
+      searchable
+      clearable
+      leftSection={
+        // eslint-disable-next-line @next/next/no-img-element
+        value ? <img width={20} height={20} src={appMap.get(value)?.iconUrl} alt={appMap.get(value)?.name} /> : null
+      }
+      renderOption={({ option, checked }) => (
+        <Group flex="1" gap="xs">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img width={20} height={20} src={appMap.get(option.value)?.iconUrl} alt={option.label} />
+          <Stack gap={0}>
+            <Text>{option.label}</Text>
+            <Text size="xs" c="dimmed">
+              {appMap.get(option.value)?.href}
+            </Text>
+          </Stack>
+          {checked && (
+            <IconCheck
+              style={{ marginInlineStart: "auto" }}
+              stroke={1.5}
+              color="currentColor"
+              opacity={0.6}
+              size={18}
+            />
+          )}
+        </Group>
+      )}
+      {...props}
+      data={data?.map((app) => ({ value: app.id, label: app.name }))}
+      rightSection={isPending ? <Loader size="sm" /> : null}
+    />
+  );
+};
--- a/apps/tasks/package.json
+++ b/apps/tasks/package.json
@@ -47,10 +47,10 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "@types/node": "^22.18.10",
+    "@types/node": "^22.18.11",
    "dotenv-cli": "^10.0.0",
-    "esbuild": "^0.25.10",
-    "eslint": "^9.37.0",
+    "esbuild": "^0.25.11",
+    "eslint": "^9.38.0",
    "prettier": "^3.6.2",
    "tsx": "4.20.4",
    "typescript": "^5.9.3"
--- a/apps/websocket/package.json
+++ b/apps/websocket/package.json
@@ -34,8 +34,8 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/ws": "^8.18.1",
-    "esbuild": "^0.25.10",
-    "eslint": "^9.37.0",
+    "esbuild": "^0.25.11",
+    "eslint": "^9.38.0",
    "prettier": "^3.6.2",
    "typescript": "^5.9.3"
  }
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
    "@vitest/ui": "^3.2.4",
    "conventional-changelog-conventionalcommits": "^9.1.0",
    "cross-env": "^10.1.0",
-    "jsdom": "^27.0.0",
+    "jsdom": "^27.0.1",
    "prettier": "^3.6.2",
    "semantic-release": "^24.2.9",
    "testcontainers": "^11.7.1",
@@ -58,7 +58,7 @@
    "vite-tsconfig-paths": "^5.1.4",
    "vitest": "^3.2.4"
  },
-  "packageManager": "pnpm@10.18.2",
+  "packageManager": "pnpm@10.18.3",
  "engines": {
    "node": ">=22.20.0"
  },
@@ -80,20 +80,20 @@
      "axios@>=1.0.0 <1.8.2": ">=1.12.2",
      "brace-expansion@>=2.0.0 <=2.0.1": ">=4.0.1",
      "brace-expansion@>=1.0.0 <=1.1.11": ">=4.0.1",
-      "esbuild@<=0.24.2": ">=0.25.10",
+      "esbuild@<=0.24.2": ">=0.25.11",
      "form-data@>=4.0.0 <4.0.4": ">=4.0.4",
-      "hono@<4.6.5": ">=4.9.12",
+      "hono@<4.6.5": ">=4.10.2",
      "linkifyjs@<4.3.2": ">=4.3.2",
      "nanoid@>=4.0.0 <5.0.9": ">=5.1.6",
      "prismjs@<1.30.0": ">=1.30.0",
      "proxmox-api>undici": "7.16.0",
      "react-is": "^19.2.0",
-      "rollup@>=4.0.0 <4.22.4": ">=4.52.4",
+      "rollup@>=4.0.0 <4.22.4": ">=4.52.5",
      "sha.js@<=2.4.11": ">=2.4.12",
      "tar-fs@>=3.0.0 <3.0.9": ">=3.1.1",
      "tar-fs@>=2.0.0 <2.1.3": ">=3.1.1",
      "tmp@<=0.2.3": ">=0.2.5",
-      "vite@>=5.0.0 <=5.4.18": ">=7.1.9"
+      "vite@>=5.0.0 <=5.4.18": ">=7.1.11"
    },
    "patchedDependencies": {
      "@types/node-unifi": "patches/@types__node-unifi.patch",
--- a/packages/analytics/package.json
+++ b/packages/analytics/package.json
@@ -32,7 +32,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -43,13 +43,13 @@
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
    "@kubernetes/client-node": "^1.4.0",
-    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query": "^5.90.5",
    "@trpc/client": "^11.6.0",
    "@trpc/react-query": "^11.6.0",
    "@trpc/server": "^11.6.0",
    "@trpc/tanstack-react-query": "^11.6.0",
    "lodash.clonedeep": "^4.5.0",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "superjson": "2.2.2",
@@ -60,7 +60,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "prettier": "^3.6.2",
    "typescript": "^5.9.3"
  }
--- a/packages/api/src/middlewares/integration.ts
+++ b/packages/api/src/middlewares/integration.ts
@@ -32,6 +32,7 @@ export const createOneIntegrationMiddleware = <TKind extends IntegrationKind>(
    const integration = await ctx.db.query.integrations.findFirst({
      where: and(eq(integrations.id, input.integrationId), inArray(integrations.kind, kinds)),
      with: {
+        app: true,
        secrets: true,
        groupPermissions: true,
        userPermissions: true,
@@ -65,6 +66,7 @@ export const createOneIntegrationMiddleware = <TKind extends IntegrationKind>(
      ctx: {
        integration: {
          ...rest,
+          externalUrl: rest.app?.href ?? null,
          kind: kind as TKind,
          decryptedSecrets: secrets.map((secret) => ({
            ...secret,
@@ -96,6 +98,7 @@ export const createManyIntegrationMiddleware = <TKind extends IntegrationKind>(
        ? await ctx.db.query.integrations.findMany({
            where: and(inArray(integrations.id, input.integrationIds), inArray(integrations.kind, kinds)),
            with: {
+              app: true,
              secrets: true,
              items: {
                with: {
@@ -125,6 +128,7 @@ export const createManyIntegrationMiddleware = <TKind extends IntegrationKind>(
        integrations: dbIntegrations.map(
          ({ secrets, kind, items: _ignore1, groupPermissions: _ignore2, userPermissions: _ignore3, ...rest }) => ({
            ...rest,
+            externalUrl: rest.app?.href ?? null,
            kind: kind as TKind,
            decryptedSecrets: secrets.map((secret) => ({
              ...secret,
--- a/packages/api/src/router/app.ts
+++ b/packages/api/src/router/app.ts
@@ -118,20 +118,22 @@ export const appRouter = createTRPCRouter({
  create: permissionRequiredProcedure
    .requiresPermission("app-create")
    .input(appManageSchema)
-    .output(z.object({ appId: z.string() }))
+    .output(z.object({ appId: z.string() }).and(selectAppSchema))
    .meta({ openapi: { method: "POST", path: "/api/apps", tags: ["apps"], protect: true } })
    .mutation(async ({ ctx, input }) => {
      const id = createId();
-      await ctx.db.insert(apps).values({
+      const insertValues = {
        id,
        name: input.name,
        description: input.description,
        iconUrl: input.iconUrl,
        href: input.href,
        pingUrl: input.pingUrl === "" ? null : input.pingUrl,
-      });
+      };
+      await ctx.db.insert(apps).values(insertValues);

-      return { appId: id };
+      // TODO: breaking change necessary for removing appId property
+      return { appId: id, ...insertValues };
    }),
  createMany: permissionRequiredProcedure
    .requiresPermission("app-create")
--- a/packages/api/src/router/integration/integration-router.ts
+++ b/packages/api/src/router/integration/integration-router.ts
@@ -6,6 +6,7 @@ import { decryptSecret, encryptSecret } from "@homarr/common/server";
 import type { Database } from "@homarr/db";
 import { and, asc, eq, handleTransactionsAsync, inArray, like, or } from "@homarr/db";
 import {
+  apps,
  groupMembers,
  groupPermissions,
  integrationGroupPermissions,
@@ -212,6 +213,14 @@ export const integrationRouter = createTRPCRouter({
            updatedAt: true,
          },
        },
+        app: {
+          columns: {
+            id: true,
+            name: true,
+            iconUrl: true,
+            href: true,
+          },
+        },
      },
    });

@@ -233,6 +242,7 @@ export const integrationRouter = createTRPCRouter({
        value: integrationSecretKindObject[secret.kind].isPublic ? decryptSecret(secret.value) : null,
        updatedAt: secret.updatedAt,
      })),
+      app: integration.app,
    };
  }),
  create: permissionRequiredProcedure
@@ -245,6 +255,13 @@ export const integrationRouter = createTRPCRouter({
        url: input.url,
      });

+      if (input.app && "name" in input.app && !ctx.session.user.permissions.includes("app-create")) {
+        throw new TRPCError({
+          code: "FORBIDDEN",
+          message: "Permission denied",
+        });
+      }
+
      const result = await testConnectionAsync({
        id: "new",
        name: input.name,
@@ -267,12 +284,15 @@ export const integrationRouter = createTRPCRouter({
        };
      }

+      const appId = await createAppIfNecessaryAsync(ctx.db, input.app);
+
      const integrationId = createId();
      await ctx.db.insert(integrations).values({
        id: integrationId,
        name: input.name,
        url: input.url,
        kind: input.kind,
+        appId,
      });

      if (input.secrets.length >= 1) {
@@ -358,6 +378,7 @@ export const integrationRouter = createTRPCRouter({
      .set({
        name: input.name,
        url: input.url,
+        appId: input.appId,
      })
      .where(eq(integrations.id, input.id));

@@ -652,3 +673,30 @@ const addSecretAsync = async (db: Database, input: AddSecretInput) => {
    integrationId: input.integrationId,
  });
 };
+
+const createAppIfNecessaryAsync = async (db: Database, app: z.infer<typeof integrationCreateSchema>["app"]) => {
+  if (!app) return null;
+  if ("id" in app) return app.id;
+
+  logger.info("Creating app", {
+    name: app.name,
+    url: app.href,
+  });
+  const appId = createId();
+  await db.insert(apps).values({
+    id: appId,
+    name: app.name,
+    description: app.description,
+    iconUrl: app.iconUrl,
+    href: app.href,
+    pingUrl: app.pingUrl,
+  });
+
+  logger.info("Created app", {
+    id: appId,
+    name: app.name,
+    url: app.href,
+  });
+
+  return appId;
+};
--- a/packages/api/src/router/integration/integration-test-connection.ts
+++ b/packages/api/src/router/integration/integration-test-connection.ts
@@ -5,7 +5,7 @@ import { getAllSecretKindOptions } from "@homarr/definitions";
 import { createIntegrationAsync } from "@homarr/integrations";
 import { logger } from "@homarr/log";

-type FormIntegration = Integration & {
+type FormIntegration = Omit<Integration, "appId"> & {
  secrets: {
    kind: IntegrationSecretKind;
    value: string | null;
@@ -75,6 +75,7 @@ export const testConnectionAsync = async (
  const integrationInstance = await createIntegrationAsync({
    ...baseIntegration,
    decryptedSecrets,
+    externalUrl: null,
  });

  const result = await integrationInstance.testConnectionAsync();
--- a/packages/api/src/router/test/integration/integration-router.spec.ts
+++ b/packages/api/src/router/test/integration/integration-router.spec.ts
@@ -4,7 +4,7 @@ import { describe, expect, test, vi } from "vitest";
 import type { Session } from "@homarr/auth";
 import { createId } from "@homarr/common";
 import { encryptSecret } from "@homarr/common/server";
-import { integrations, integrationSecrets } from "@homarr/db/schema";
+import { apps, integrations, integrationSecrets } from "@homarr/db/schema";
 import { createDb } from "@homarr/db/test";
 import type { GroupPermissionKey } from "@homarr/definitions";

@@ -251,6 +251,102 @@ describe("create should create a new integration", () => {
    );
  });

+  test("with create integration access should create a new integration with new linked app", async () => {
+    const db = createDb();
+    const caller = integrationRouter.createCaller({
+      db,
+      deviceType: undefined,
+      session: defaultSessionWithPermissions(["integration-create", "app-create"]),
+    });
+    const input = {
+      name: "Jellyfin",
+      kind: "jellyfin" as const,
+      url: "http://jellyfin.local",
+      secrets: [{ kind: "apiKey" as const, value: "1234567890" }],
+      attemptSearchEngineCreation: false,
+      app: {
+        name: "Jellyfin",
+        description: null,
+        pingUrl: "http://jellyfin.local",
+        href: "https://jellyfin.home",
+        iconUrl: "logo.png",
+      },
+    };
+
+    const fakeNow = new Date("2023-07-01T00:00:00Z");
+    vi.useFakeTimers();
+    vi.setSystemTime(fakeNow);
+    await caller.create(input);
+    vi.useRealTimers();
+
+    const dbIntegration = await db.query.integrations.findFirst({
+      with: {
+        app: true,
+      },
+    });
+    const dbSecret = await db.query.integrationSecrets.findFirst();
+    expect(dbIntegration).toBeDefined();
+    expect(dbIntegration!.name).toBe(input.name);
+    expect(dbIntegration!.kind).toBe(input.kind);
+    expect(dbIntegration!.url).toBe(input.url);
+    expect(dbIntegration!.app!.name).toBe(input.app.name);
+    expect(dbIntegration!.app!.pingUrl).toBe(input.app.pingUrl);
+    expect(dbIntegration!.app!.href).toBe(input.app.href);
+    expect(dbIntegration!.app!.iconUrl).toBe(input.app.iconUrl);
+
+    expect(dbSecret!.integrationId).toBe(dbIntegration!.id);
+    expect(dbSecret).toBeDefined();
+    expect(dbSecret!.kind).toBe(input.secrets[0]!.kind);
+    expect(dbSecret!.value).toMatch(/^[a-f0-9]+.[a-f0-9]+$/);
+    expect(dbSecret!.updatedAt).toEqual(fakeNow);
+  });
+
+  test("with create integration access should create a new integration with existing linked app", async () => {
+    const db = createDb();
+    const appId = createId();
+    await db.insert(apps).values({
+      id: appId,
+      name: "Existing Jellyfin",
+      iconUrl: "logo.png",
+    });
+
+    const caller = integrationRouter.createCaller({
+      db,
+      deviceType: undefined,
+      session: defaultSessionWithPermissions(["integration-create"]),
+    });
+    const input = {
+      name: "Jellyfin",
+      kind: "jellyfin" as const,
+      url: "http://jellyfin.local",
+      secrets: [{ kind: "apiKey" as const, value: "1234567890" }],
+      attemptSearchEngineCreation: false,
+      app: {
+        id: appId,
+      },
+    };
+
+    const fakeNow = new Date("2023-07-01T00:00:00Z");
+    vi.useFakeTimers();
+    vi.setSystemTime(fakeNow);
+    await caller.create(input);
+    vi.useRealTimers();
+
+    const dbIntegration = await db.query.integrations.findFirst();
+    const dbSecret = await db.query.integrationSecrets.findFirst();
+    expect(dbIntegration).toBeDefined();
+    expect(dbIntegration!.name).toBe(input.name);
+    expect(dbIntegration!.kind).toBe(input.kind);
+    expect(dbIntegration!.url).toBe(input.url);
+    expect(dbIntegration!.appId).toBe(appId);
+
+    expect(dbSecret!.integrationId).toBe(dbIntegration!.id);
+    expect(dbSecret).toBeDefined();
+    expect(dbSecret!.kind).toBe(input.secrets[0]!.kind);
+    expect(dbSecret!.value).toMatch(/^[a-f0-9]+.[a-f0-9]+$/);
+    expect(dbSecret!.updatedAt).toEqual(fakeNow);
+  });
+
  test("without create integration access should throw permission error", async () => {
    // Arrange
    const db = createDb();
@@ -273,6 +369,36 @@ describe("create should create a new integration", () => {
    // Assert
    await expect(actAsync()).rejects.toThrow("Permission denied");
  });
+
+  test("without create app access should throw permission error with new linked app", async () => {
+    // Arrange
+    const db = createDb();
+    const caller = integrationRouter.createCaller({
+      db,
+      deviceType: undefined,
+      session: defaultSessionWithPermissions(["integration-create"]),
+    });
+    const input = {
+      name: "Jellyfin",
+      kind: "jellyfin" as const,
+      url: "http://jellyfin.local",
+      secrets: [{ kind: "apiKey" as const, value: "1234567890" }],
+      attemptSearchEngineCreation: false,
+      app: {
+        name: "Jellyfin",
+        description: null,
+        href: "https://jellyfin.home",
+        iconUrl: "logo.png",
+        pingUrl: null,
+      },
+    };
+
+    // Act
+    const actAsync = async () => await caller.create(input);
+
+    // Assert
+    await expect(actAsync()).rejects.toThrow("Permission denied");
+  });
 });

 describe("update should update an integration", () => {
@@ -285,6 +411,7 @@ describe("update should update an integration", () => {
    });

    const lastWeek = new Date("2023-06-24T00:00:00Z");
+    const appId = createId();
    const integrationId = createId();
    const toInsert = {
      id: integrationId,
@@ -293,6 +420,11 @@ describe("update should update an integration", () => {
      url: "http://hole.local",
    };

+    await db.insert(apps).values({
+      id: appId,
+      name: "Previous",
+      iconUrl: "logo.png",
+    });
    await db.insert(integrations).values(toInsert);

    const usernameToInsert = {
@@ -320,6 +452,7 @@ describe("update should update an integration", () => {
        { kind: "password" as const, value: null },
        { kind: "apiKey" as const, value: "1234567890" },
      ],
+      appId,
    };

    const fakeNow = new Date("2023-07-01T00:00:00Z");
@@ -335,6 +468,7 @@ describe("update should update an integration", () => {
    expect(dbIntegration!.name).toBe(input.name);
    expect(dbIntegration!.kind).toBe(input.kind);
    expect(dbIntegration!.url).toBe(input.url);
+    expect(dbIntegration!.appId).toBe(appId);

    expect(dbSecrets.length).toBe(3);
    const username = expectToBeDefined(dbSecrets.find((secret) => secret.kind === "username"));
@@ -365,6 +499,7 @@ describe("update should update an integration", () => {
        name: "Pi Hole",
        url: "http://hole.local",
        secrets: [],
+        appId: null,
      });
    await expect(actAsync()).rejects.toThrow("Integration not found");
  });
@@ -385,6 +520,7 @@ describe("update should update an integration", () => {
        name: "Pi Hole",
        url: "http://hole.local",
        secrets: [],
+        appId: null,
      });

    // Assert
--- a/packages/api/src/router/test/integration/integration-test-connection.spec.ts
+++ b/packages/api/src/router/test/integration/integration-test-connection.spec.ts
@@ -55,6 +55,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "secret",
        }),
      ],
+      externalUrl: null,
    });
  });

@@ -104,6 +105,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "dbSecret",
        }),
      ],
+      externalUrl: null,
    });
  });

@@ -153,6 +155,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "secret",
        }),
      ],
+      externalUrl: null,
    });
  });

@@ -206,6 +209,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "secret",
        }),
      ],
+      externalUrl: null,
    });
  });

@@ -263,6 +267,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "dbPassword",
        }),
      ],
+      externalUrl: null,
    });
  });

@@ -336,6 +341,7 @@ describe("testConnectionAsync should run test connection of integration", () =>
          value: "privateKey",
        }),
      ],
+      externalUrl: null,
    });
  });
 });
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -35,7 +35,7 @@
    "bcrypt": "^6.0.0",
    "cookies": "^0.9.1",
    "ldapts": "8.0.9",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "next-auth": "5.0.0-beta.29",
    "react": "19.2.0",
    "react-dom": "19.2.0",
@@ -47,7 +47,7 @@
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/bcrypt": "6.0.0",
    "@types/cookies": "0.9.1",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "prettier": "^3.6.2",
    "typescript": "^5.9.3"
  }
--- a/packages/boards/package.json
+++ b/packages/boards/package.json
@@ -32,7 +32,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/certificates/package.json
+++ b/packages/certificates/package.json
@@ -30,7 +30,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -34,8 +34,8 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "esbuild": "^0.25.10",
-    "eslint": "^9.37.0",
+    "esbuild": "^0.25.11",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -32,8 +32,8 @@
    "@paralleldrive/cuid2": "^2.2.2",
    "dayjs": "^1.11.18",
    "dns-caching": "^0.2.7",
-    "next": "15.5.5",
-    "octokit": "^5.0.3",
+    "next": "15.5.6",
+    "octokit": "^5.0.4",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "undici": "7.16.0",
@@ -44,7 +44,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -32,7 +32,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/cron-job-api/package.json
+++ b/packages/cron-job-api/package.json
@@ -29,7 +29,7 @@
    "@homarr/core": "workspace:^0.1.0",
    "@homarr/cron-jobs": "workspace:^0.1.0",
    "@homarr/log": "workspace:^0.1.0",
-    "@tanstack/react-query": "^5.90.2",
+    "@tanstack/react-query": "^5.90.5",
    "@trpc/client": "^11.6.0",
    "@trpc/server": "^11.6.0",
    "@trpc/tanstack-react-query": "^11.6.0",
@@ -43,7 +43,7 @@
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/node-cron": "^3.0.11",
    "@types/react": "19.2.2",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/cron-job-status/package.json
+++ b/packages/cron-job-status/package.json
@@ -29,7 +29,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/cron-jobs-core/package.json
+++ b/packages/cron-jobs-core/package.json
@@ -33,7 +33,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/node-cron": "^3.0.11",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/cron-jobs/package.json
+++ b/packages/cron-jobs/package.json
@@ -44,7 +44,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/db/migrations/mysql/0036_add_app_reference_to_integration.sql
+++ b/packages/db/migrations/mysql/0036_add_app_reference_to_integration.sql
@@ -0,0 +1,2 @@
+ALTER TABLE `integration` ADD `app_id` varchar(128);--> statement-breakpoint
+ALTER TABLE `integration` ADD CONSTRAINT `integration_app_id_app_id_fk` FOREIGN KEY (`app_id`) REFERENCES `app`(`id`) ON DELETE set null ON UPDATE no action;
--- a/packages/db/migrations/mysql/meta/0036_snapshot.json
+++ b/packages/db/migrations/mysql/meta/0036_snapshot.json
--- a/packages/db/migrations/mysql/meta/_journal.json
+++ b/packages/db/migrations/mysql/meta/_journal.json
@@ -253,6 +253,13 @@
      "when": 1756701556908,
      "tag": "0035_increase-secret-kind-length",
      "breakpoints": true
+    },
+    {
+      "idx": 36,
+      "version": "5",
+      "when": 1760968518445,
+      "tag": "0036_add_app_reference_to_integration",
+      "breakpoints": true
    }
  ]
 }
--- a/packages/db/migrations/postgresql/0002_add_app_reference_to_integration.sql
+++ b/packages/db/migrations/postgresql/0002_add_app_reference_to_integration.sql
@@ -0,0 +1,2 @@
+ALTER TABLE "integration" ADD COLUMN "app_id" varchar(128);--> statement-breakpoint
+ALTER TABLE "integration" ADD CONSTRAINT "integration_app_id_app_id_fk" FOREIGN KEY ("app_id") REFERENCES "public"."app"("id") ON DELETE set null ON UPDATE no action;
--- a/packages/db/migrations/postgresql/meta/0002_snapshot.json
+++ b/packages/db/migrations/postgresql/meta/0002_snapshot.json
--- a/packages/db/migrations/postgresql/meta/_journal.json
+++ b/packages/db/migrations/postgresql/meta/_journal.json
@@ -15,6 +15,13 @@
      "when": 1756701573101,
      "tag": "0001_increase-secret-kind-length",
      "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "7",
+      "when": 1760968530084,
+      "tag": "0002_add_app_reference_to_integration",
+      "breakpoints": true
    }
  ]
 }
--- a/packages/db/migrations/seed.ts
+++ b/packages/db/migrations/seed.ts
@@ -150,6 +150,7 @@ const seedDefaultIntegrationsAsync = async (db: Database) => {
        name: `${name} Default`,
        url: defaultUrl,
        kind,
+        appId: null,
      });
    }

--- a/packages/db/migrations/sqlite/0034_add_app_reference_to_integration.sql
+++ b/packages/db/migrations/sqlite/0034_add_app_reference_to_integration.sql
@@ -0,0 +1 @@
+ALTER TABLE `integration` ADD `app_id` text REFERENCES app(id);
--- a/packages/db/migrations/sqlite/meta/0034_snapshot.json
+++ b/packages/db/migrations/sqlite/meta/0034_snapshot.json
--- a/packages/db/migrations/sqlite/meta/_journal.json
+++ b/packages/db/migrations/sqlite/meta/_journal.json
@@ -239,6 +239,13 @@
      "when": 1750014001941,
      "tag": "0033_add_cron_job_configuration",
      "breakpoints": true
+    },
+    {
+      "idx": 34,
+      "version": "6",
+      "when": 1760968503571,
+      "tag": "0034_add_app_reference_to_integration",
+      "breakpoints": true
    }
  ]
 }
--- a/packages/db/package.json
+++ b/packages/db/package.json
@@ -49,7 +49,7 @@
    "@homarr/definitions": "workspace:^0.1.0",
    "@homarr/log": "workspace:^0.1.0",
    "@homarr/server-settings": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
+    "@mantine/core": "^8.3.5",
    "@paralleldrive/cuid2": "^2.2.2",
    "@testcontainers/mysql": "^11.7.1",
    "@testcontainers/postgresql": "^11.7.1",
@@ -69,8 +69,8 @@
    "@types/better-sqlite3": "7.6.13",
    "@types/pg": "^8.15.5",
    "dotenv-cli": "^10.0.0",
-    "esbuild": "^0.25.10",
-    "eslint": "^9.37.0",
+    "esbuild": "^0.25.11",
+    "eslint": "^9.38.0",
    "prettier": "^3.6.2",
    "tsx": "4.20.4",
    "typescript": "^5.9.3"
--- a/packages/db/queries/item.ts
+++ b/packages/db/queries/item.ts
@@ -16,6 +16,7 @@ export const getItemsWithIntegrationsAsync = async <TKind extends WidgetKind>(
        with: {
          integration: {
            with: {
+              app: true,
              secrets: {
                columns: {
                  kind: true,
--- a/packages/db/schema/mysql.ts
+++ b/packages/db/schema/mysql.ts
@@ -199,6 +199,7 @@ export const integrations = mysqlTable(
    name: text().notNull(),
    url: text().notNull(),
    kind: varchar({ length: 128 }).$type<IntegrationKind>().notNull(),
+    appId: varchar({ length: 128 }).references(() => apps.id, { onDelete: "set null" }),
  },
  (integrations) => ({
    kindIdx: index("integration__kind_idx").on(integrations.kind),
@@ -627,11 +628,15 @@ export const boardGroupPermissionRelations = relations(boardGroupPermissions, ({
  }),
 }));

-export const integrationRelations = relations(integrations, ({ many }) => ({
+export const integrationRelations = relations(integrations, ({ one, many }) => ({
  secrets: many(integrationSecrets),
  items: many(integrationItems),
  userPermissions: many(integrationUserPermissions),
  groupPermissions: many(integrationGroupPermissions),
+  app: one(apps, {
+    fields: [integrations.appId],
+    references: [apps.id],
+  }),
 }));

 export const integrationUserPermissionRelations = relations(integrationUserPermissions, ({ one }) => ({
--- a/packages/db/schema/postgresql.ts
+++ b/packages/db/schema/postgresql.ts
@@ -198,6 +198,7 @@ export const integrations = pgTable(
    name: text().notNull(),
    url: text().notNull(),
    kind: varchar({ length: 128 }).$type<IntegrationKind>().notNull(),
+    appId: varchar({ length: 128 }).references(() => apps.id, { onDelete: "set null" }),
  },
  (integrations) => ({
    kindIdx: index("integration__kind_idx").on(integrations.kind),
@@ -626,11 +627,15 @@ export const boardGroupPermissionRelations = relations(boardGroupPermissions, ({
  }),
 }));

-export const integrationRelations = relations(integrations, ({ many }) => ({
+export const integrationRelations = relations(integrations, ({ one, many }) => ({
  secrets: many(integrationSecrets),
  items: many(integrationItems),
  userPermissions: many(integrationUserPermissions),
  groupPermissions: many(integrationGroupPermissions),
+  app: one(apps, {
+    fields: [integrations.appId],
+    references: [apps.id],
+  }),
 }));

 export const integrationUserPermissionRelations = relations(integrationUserPermissions, ({ one }) => ({
--- a/packages/db/schema/sqlite.ts
+++ b/packages/db/schema/sqlite.ts
@@ -185,6 +185,7 @@ export const integrations = sqliteTable(
    name: text().notNull(),
    url: text().notNull(),
    kind: text().$type<IntegrationKind>().notNull(),
+    appId: text().references(() => apps.id, { onDelete: "set null" }),
  },
  (integrations) => ({
    kindIdx: index("integration__kind_idx").on(integrations.kind),
@@ -612,11 +613,15 @@ export const boardGroupPermissionRelations = relations(boardGroupPermissions, ({
  }),
 }));

-export const integrationRelations = relations(integrations, ({ many }) => ({
+export const integrationRelations = relations(integrations, ({ one, many }) => ({
  secrets: many(integrationSecrets),
  items: many(integrationItems),
  userPermissions: many(integrationUserPermissions),
  groupPermissions: many(integrationGroupPermissions),
+  app: one(apps, {
+    fields: [integrations.appId],
+    references: [apps.id],
+  }),
 }));

 export const integrationUserPermissionRelations = relations(integrationUserPermissions, ({ one }) => ({
--- a/packages/definitions/package.json
+++ b/packages/definitions/package.json
@@ -31,7 +31,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "tsx": "4.20.4",
    "typescript": "^5.9.3"
  }
--- a/packages/docker/package.json
+++ b/packages/docker/package.json
@@ -33,7 +33,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/dockerode": "^3.3.44",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/form/package.json
+++ b/packages/form/package.json
@@ -26,7 +26,7 @@
    "@homarr/common": "workspace:^0.1.0",
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/form": "^8.3.4",
+    "@mantine/form": "^8.3.5",
    "mantine-form-zod-resolver": "^1.3.0",
    "zod": "^4.1.12"
  },
@@ -34,7 +34,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/forms-collection/package.json
+++ b/packages/forms-collection/package.json
@@ -29,7 +29,7 @@
    "@homarr/notifications": "workspace:^0.1.0",
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
+    "@mantine/core": "^8.3.5",
    "react": "19.2.0",
    "zod": "^4.1.12"
  },
@@ -37,7 +37,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -31,7 +31,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/image-proxy/package.json
+++ b/packages/image-proxy/package.json
@@ -33,7 +33,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/bcrypt": "6.0.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/integrations/package.json
+++ b/packages/integrations/package.json
@@ -43,8 +43,8 @@
    "@octokit/auth-app": "^8.1.1",
    "ical.js": "^2.2.1",
    "maria2": "^0.4.1",
-    "node-ical": "^0.21.0",
-    "octokit": "^5.0.3",
+    "node-ical": "^0.22.0",
+    "octokit": "^5.0.4",
    "proxmox-api": "1.1.1",
    "tsdav": "^2.1.5",
    "undici": "7.16.0",
@@ -57,7 +57,7 @@
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/node-unifi": "^2.5.1",
    "@types/xml2js": "^0.4.14",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/integrations/src/base/creator.ts
+++ b/packages/integrations/src/base/creator.ts
@@ -1,7 +1,4 @@
-import { decryptSecret } from "@homarr/common/server";
-import type { Modify } from "@homarr/common/types";
-import type { Integration as DbIntegration } from "@homarr/db/schema";
-import type { IntegrationKind, IntegrationSecretKind } from "@homarr/definitions";
+import type { IntegrationKind } from "@homarr/definitions";

 import { AdGuardHomeIntegration } from "../adguard-home/adguard-home-integration";
 import { CodebergIntegration } from "../codeberg/codeberg-integration";
@@ -62,20 +59,6 @@ export const createIntegrationAsync = async <TKind extends keyof typeof integrat
  return new creator(integration) as IntegrationInstanceOfKind<TKind>;
 };

-export const createIntegrationAsyncFromSecrets = <TKind extends keyof typeof integrationCreators>(
-  integration: Modify<DbIntegration, { kind: TKind }> & {
-    secrets: { kind: IntegrationSecretKind; value: `${string}.${string}` }[];
-  },
-) => {
-  return createIntegrationAsync({
-    ...integration,
-    decryptedSecrets: integration.secrets.map((secret) => ({
-      ...secret,
-      value: decryptSecret(secret.value),
-    })),
-  });
-};
-
 type IntegrationInstance = new (integration: IntegrationInput) => Integration;

 // factories are an array, to differentiate in js between class constructors and functions
--- a/packages/integrations/src/base/integration.ts
+++ b/packages/integrations/src/base/integration.ts
@@ -17,6 +17,7 @@ export interface IntegrationInput {
  id: string;
  name: string;
  url: string;
+  externalUrl: string | null;
  decryptedSecrets: IntegrationSecret[];
 }

@@ -54,8 +55,12 @@ export abstract class Integration {
    return this.integration.decryptedSecrets.some((secret) => secret.kind === kind);
  }

-  protected url(path: `/${string}`, queryParams?: Record<string, string | Date | number | boolean>) {
-    const baseUrl = removeTrailingSlash(this.integration.url);
+  private createUrl(
+    inputUrl: string,
+    path: `/${string}`,
+    queryParams?: Record<string, string | Date | number | boolean>,
+  ) {
+    const baseUrl = removeTrailingSlash(inputUrl);
    const url = new URL(`${baseUrl}${path}`);

    if (queryParams) {
@@ -66,6 +71,13 @@ export abstract class Integration {

    return url;
  }
+  protected url(path: `/${string}`, queryParams?: Record<string, string | Date | number | boolean>) {
+    return this.createUrl(this.integration.url, path, queryParams);
+  }
+
+  protected externalUrl(path: `/${string}`, queryParams?: Record<string, string | Date | number | boolean>) {
+    return this.createUrl(this.integration.externalUrl ?? this.integration.url, path, queryParams);
+  }

  public async testConnectionAsync(): Promise<TestingResult> {
    try {
--- a/packages/integrations/src/emby/emby-integration.ts
+++ b/packages/integrations/src/emby/emby-integration.ts
@@ -125,7 +125,7 @@ export class EmbyIntegration extends Integration implements IMediaServerIntegrat
          sessionId: `${sessionInfo.Id}`,
          sessionName: `${sessionInfo.Client} (${sessionInfo.DeviceName})`,
          user: {
-            profilePictureUrl: super.url(`/Users/${sessionInfo.UserId}/Images/Primary`).toString(),
+            profilePictureUrl: super.externalUrl(`/Users/${sessionInfo.UserId}/Images/Primary`).toString(),
            userId: sessionInfo.UserId ?? "",
            username: sessionInfo.UserName ?? "",
          },
@@ -169,13 +169,13 @@ export class EmbyIntegration extends Integration implements IMediaServerIntegrat
      description: item.Overview,
      releaseDate: item.PremiereDate ?? item.DateCreated,
      imageUrls: {
-        poster: super.url(`/Items/${item.Id}/Images/Primary?maxHeight=492&maxWidth=328&quality=90`).toString(),
-        backdrop: super.url(`/Items/${item.Id}/Images/Backdrop/0?maxWidth=960&quality=70`).toString(),
+        poster: super.externalUrl(`/Items/${item.Id}/Images/Primary?maxHeight=492&maxWidth=328&quality=90`).toString(),
+        backdrop: super.externalUrl(`/Items/${item.Id}/Images/Backdrop/0?maxWidth=960&quality=70`).toString(),
      },
      producer: item.Studios.at(0)?.Name,
      rating: item.CommunityRating?.toFixed(1),
      tags: item.Genres,
-      href: super.url(`/web/index.html#!/item?id=${item.Id}&serverId=${item.ServerId}`).toString(),
+      href: super.externalUrl(`/web/index.html#!/item?id=${item.Id}&serverId=${item.ServerId}`).toString(),
    }));
  }

--- a/packages/integrations/src/index.ts
+++ b/packages/integrations/src/index.ts
@@ -54,4 +54,4 @@ export type { Notification } from "./interfaces/notifications/notification-types
 export { downloadClientItemSchema } from "./interfaces/downloads/download-client-items";

 // Helpers
-export { createIntegrationAsync, createIntegrationAsyncFromSecrets } from "./base/creator";
+export { createIntegrationAsync } from "./base/creator";
--- a/packages/integrations/src/jellyfin/jellyfin-integration.ts
+++ b/packages/integrations/src/jellyfin/jellyfin-integration.ts
@@ -94,7 +94,7 @@ export class JellyfinIntegration extends Integration implements IMediaServerInte
          sessionId: `${sessionInfo.Id}`,
          sessionName: `${sessionInfo.Client} (${sessionInfo.DeviceName})`,
          user: {
-            profilePictureUrl: this.url(`/Users/${sessionInfo.UserId}/Images/Primary`).toString(),
+            profilePictureUrl: this.externalUrl(`/Users/${sessionInfo.UserId}/Images/Primary`).toString(),
            userId: sessionInfo.UserId ?? "",
            username: sessionInfo.UserName ?? "",
          },
@@ -130,13 +130,13 @@ export class JellyfinIntegration extends Integration implements IMediaServerInte
      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      releaseDate: new Date(item.PremiereDate ?? item.DateCreated!),
      imageUrls: {
-        poster: super.url(`/Items/${item.Id}/Images/Primary?maxHeight=492&maxWidth=328&quality=90`).toString(),
-        backdrop: super.url(`/Items/${item.Id}/Images/Backdrop/0?maxWidth=960&quality=70`).toString(),
+        poster: super.externalUrl(`/Items/${item.Id}/Images/Primary?maxHeight=492&maxWidth=328&quality=90`).toString(),
+        backdrop: super.externalUrl(`/Items/${item.Id}/Images/Backdrop/0?maxWidth=960&quality=70`).toString(),
      },
      producer: item.Studios?.at(0)?.Name ?? undefined,
      rating: item.CommunityRating?.toFixed(1),
      tags: item.Genres ?? [],
-      href: super.url(`/web/index.html#!/details?id=${item.Id}&serverId=${item.ServerId}`).toString(),
+      href: super.externalUrl(`/web/index.html#!/details?id=${item.Id}&serverId=${item.ServerId}`).toString(),
    }));
  }

--- a/packages/integrations/src/media-organizer/radarr/radarr-integration.ts
+++ b/packages/integrations/src/media-organizer/radarr/radarr-integration.ts
@@ -67,7 +67,7 @@ export class RadarrIntegration extends Integration implements ICalendarIntegrati
  private getLinksForRadarrCalendarEvent = (event: z.infer<typeof radarrCalendarEventSchema>) => {
    const links: CalendarLink[] = [
      {
-        href: this.url(`/movie/${event.titleSlug}`).toString(),
+        href: this.externalUrl(`/movie/${event.titleSlug}`).toString(),
        name: "Radarr",
        logo: "/images/apps/radarr.svg",
        color: undefined,
--- a/packages/integrations/src/media-organizer/readarr/readarr-integration.ts
+++ b/packages/integrations/src/media-organizer/readarr/readarr-integration.ts
@@ -74,7 +74,7 @@ export class ReadarrIntegration extends Integration implements ICalendarIntegrat
  private getLinksForReadarrCalendarEvent = (event: z.infer<typeof readarrCalendarEventSchema>) => {
    return [
      {
-        href: this.url(`/author/${event.author.foreignAuthorId}`).toString(),
+        href: this.externalUrl(`/author/${event.author.foreignAuthorId}`).toString(),
        color: "#f5c518",
        isDark: false,
        logo: "/images/apps/readarr.svg",
@@ -101,7 +101,7 @@ export class ReadarrIntegration extends Integration implements ICalendarIntegrat
    if (!bestImage) {
      return undefined;
    }
-    return this.url(bestImage.url as `/${string}`).toString();
+    return this.externalUrl(bestImage.url as `/${string}`).toString();
  };
 }

--- a/packages/integrations/src/media-organizer/sonarr/sonarr-integration.ts
+++ b/packages/integrations/src/media-organizer/sonarr/sonarr-integration.ts
@@ -63,7 +63,7 @@ export class SonarrIntegration extends Integration implements ICalendarIntegrati
  private getLinksForSonarrCalendarEvent = (event: z.infer<typeof sonarrCalendarEventSchema>) => {
    const links: CalendarLink[] = [
      {
-        href: this.url(`/series/${event.series.titleSlug}`).toString(),
+        href: this.externalUrl(`/series/${event.series.titleSlug}`).toString(),
        name: "Sonarr",
        logo: "/images/apps/sonarr.svg",
        color: undefined,
--- a/packages/integrations/src/nextcloud/nextcloud.integration.ts
+++ b/packages/integrations/src/nextcloud/nextcloud.integration.ts
@@ -87,7 +87,7 @@ export class NextcloudIntegration extends Integration implements ICalendarIntegr
              "color" in veventObject && typeof veventObject.color === "string" ? veventObject.color : "#ff8600",
            links: [
              {
-                href: this.url(
+                href: this.externalUrl(
                  `/apps/calendar/timeGridWeek/now/edit/sidebar/${eventSlug}/${dateInMillis / 1000}`,
                ).toString(),
                name: "Nextcloud",
--- a/packages/integrations/src/ntfy/ntfy-integration.ts
+++ b/packages/integrations/src/ntfy/ntfy-integration.ts
@@ -54,7 +54,7 @@ export class NTFYIntegration extends Integration implements INotificationsIntegr
    return notifications
      .filter((notification) => notification !== null)
      .map((notification): Notification => {
-        const topicURL = this.url(`/${notification.topic}`);
+        const topicURL = this.externalUrl(`/${notification.topic}`);
        return {
          id: notification.id,
          time: new Date(notification.time * 1000),
--- a/packages/integrations/src/overseerr/overseerr-integration.ts
+++ b/packages/integrations/src/overseerr/overseerr-integration.ts
@@ -43,7 +43,7 @@ export class OverseerrIntegration
    return schemaData.results.map((result) => ({
      id: result.id,
      name: "name" in result ? result.name : result.title,
-      link: this.url(`/${result.mediaType}/${result.id}`).toString(),
+      link: this.externalUrl(`/${result.mediaType}/${result.id}`).toString(),
      image: constructSearchResultImage(result),
      text: "overview" in result ? result.overview : undefined,
      type: result.mediaType,
@@ -144,7 +144,7 @@ export class OverseerrIntegration
          availability: request.media.status,
          backdropImageUrl: `https://image.tmdb.org/t/p/original/${information.backdropPath}`,
          posterImagePath: `https://image.tmdb.org/t/p/w600_and_h900_bestv2/${information.posterPath}`,
-          href: this.url(`/${request.type}/${request.media.tmdbId}`).toString(),
+          href: this.externalUrl(`/${request.type}/${request.media.tmdbId}`).toString(),
          type: request.type,
          createdAt: request.createdAt,
          airDate: new Date(information.airDate),
@@ -152,7 +152,7 @@ export class OverseerrIntegration
            ? ({
                ...request.requestedBy,
                displayName: request.requestedBy.displayName,
-                link: this.url(`/users/${request.requestedBy.id}`).toString(),
+                link: this.externalUrl(`/users/${request.requestedBy.id}`).toString(),
                avatar: this.constructAvatarUrl(request.requestedBy.avatar).toString(),
              } satisfies Omit<RequestUser, "requestCount">)
            : undefined,
@@ -180,7 +180,7 @@ export class OverseerrIntegration
    return users.map((user): RequestUser => {
      return {
        ...user,
-        link: this.url(`/users/${user.id}`).toString(),
+        link: this.externalUrl(`/users/${user.id}`).toString(),
        avatar: this.constructAvatarUrl(user.avatar).toString(),
      };
    });
@@ -255,7 +255,7 @@ export class OverseerrIntegration
      return avatar;
    }

-    return this.url(`/${avatar}`);
+    return this.externalUrl(`/${avatar}`);
  }
 }

--- a/packages/integrations/test/aria2.spec.ts
+++ b/packages/integrations/test/aria2.spec.ts
@@ -135,6 +135,7 @@ const createAria2Intergration = (container: StartedTestContainer, apikey: string
    ],
    name: "Aria2",
    url: `http://${container.getHost()}:${container.getMappedPort(8080)}`,
+    externalUrl: null,
  });
 };

--- a/packages/integrations/test/base.spec.ts
+++ b/packages/integrations/test/base.spec.ts
@@ -43,6 +43,7 @@ class FakeIntegration extends Integration {
      name: "Test",
      url: "https://example.com",
      decryptedSecrets: [],
+      externalUrl: null,
    });
  }

--- a/packages/integrations/test/home-assistant.spec.ts
+++ b/packages/integrations/test/home-assistant.spec.ts
@@ -97,5 +97,6 @@ const createHomeAssistantIntegration = (container: StartedTestContainer, apiKeyO
    ],
    name: "Home assistant",
    url: `http://${container.getHost()}:${container.getMappedPort(8123)}`,
+    externalUrl: null,
  });
 };
--- a/packages/integrations/test/nzbget.spec.ts
+++ b/packages/integrations/test/nzbget.spec.ts
@@ -177,6 +177,7 @@ const createNzbGetIntegration = (container: StartedTestContainer, username: stri
    ],
    name: "NzbGet",
    url: `http://${container.getHost()}:${container.getMappedPort(6789)}`,
+    externalUrl: null,
  });
 };

--- a/packages/integrations/test/pi-hole.spec.ts
+++ b/packages/integrations/test/pi-hole.spec.ts
@@ -207,6 +207,7 @@ const createPiHoleIntegrationV5 = (container: StartedTestContainer, apiKey: stri
    ],
    name: "Pi hole",
    url: `http://${container.getHost()}:${container.getMappedPort(80)}`,
+    externalUrl: null,
  });
 };

@@ -233,5 +234,6 @@ const createPiHoleIntegrationV6 = (container: StartedTestContainer, apiKey: stri
    ],
    name: "Pi hole",
    url: `http://${container.getHost()}:${container.getMappedPort(80)}`,
+    externalUrl: null,
  });
 };
--- a/packages/integrations/test/sabnzbd.spec.ts
+++ b/packages/integrations/test/sabnzbd.spec.ts
@@ -218,6 +218,7 @@ const createSabnzbdIntegration = (container: StartedTestContainer, apiKey: strin
    ],
    name: "Sabnzbd",
    url: `http://${container.getHost()}:${container.getMappedPort(1212)}`,
+    externalUrl: null,
  });
 };

--- a/packages/log/package.json
+++ b/packages/log/package.json
@@ -33,7 +33,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/modals-collection/package.json
+++ b/packages/modals-collection/package.json
@@ -33,10 +33,10 @@
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/ui": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
+    "@mantine/core": "^8.3.5",
    "@tabler/icons-react": "^3.35.0",
    "dayjs": "^1.11.18",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "zod": "^4.1.12"
@@ -45,7 +45,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/modals-collection/src/apps/app-select-modal.tsx
+++ b/packages/modals-collection/src/apps/app-select-modal.tsx
@@ -2,6 +2,7 @@ import { useMemo, useState } from "react";
 import { Button, Card, Center, Grid, Input, Stack, Text } from "@mantine/core";
 import { IconPlus, IconSearch } from "@tabler/icons-react";

+import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
 import { createModal, useModalAction } from "@homarr/modals";
 import { useI18n } from "@homarr/translation/client";
@@ -9,7 +10,8 @@ import { useI18n } from "@homarr/translation/client";
 import { QuickAddAppModal } from "./quick-add-app/quick-add-app-modal";

 interface AppSelectModalProps {
-  onSelect?: (appId: string) => void;
+  onSelect?: (app: RouterOutputs["app"]["selectable"][number]) => void;
+  withCreate: boolean;
 }

 export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, innerProps }) => {
@@ -26,18 +28,18 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
    [apps, search],
  );

-  const handleSelect = (appId: string) => {
+  const handleSelect = (app: RouterOutputs["app"]["selectable"][number]) => {
    if (innerProps.onSelect) {
-      innerProps.onSelect(appId);
+      innerProps.onSelect(app);
    }
    actions.closeModal();
  };

  const handleAddNewApp = () => {
    openQuickAddAppModal({
-      onClose(createdAppId) {
+      onClose(app) {
        if (innerProps.onSelect) {
-          innerProps.onSelect(createdAppId);
+          innerProps.onSelect(app);
        }
        actions.closeModal();
      },
@@ -54,32 +56,34 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
        data-autofocus
        onKeyDown={(event) => {
          if (event.key === "Enter" && filteredApps.length === 1 && filteredApps[0]) {
-            handleSelect(filteredApps[0].id);
+            handleSelect(filteredApps[0]);
          }
        }}
      />

      <Grid>
-        <Grid.Col span={{ xs: 12, sm: 4, md: 3 }}>
-          <Card h="100%">
-            <Stack justify="space-between" h="100%">
-              <Stack gap="xs">
-                <Center>
-                  <IconPlus size={24} />
-                </Center>
-                <Text lh={1.2} style={{ whiteSpace: "normal" }} ta="center">
-                  {t("app.action.create.title")}
-                </Text>
-                <Text lh={1.2} style={{ whiteSpace: "normal" }} size="xs" ta="center" c="dimmed">
-                  {t("app.action.create.description")}
-                </Text>
+        {innerProps.withCreate && (
+          <Grid.Col span={{ xs: 12, sm: 4, md: 3 }}>
+            <Card h="100%">
+              <Stack justify="space-between" h="100%">
+                <Stack gap="xs">
+                  <Center>
+                    <IconPlus size={24} />
+                  </Center>
+                  <Text lh={1.2} style={{ whiteSpace: "normal" }} ta="center">
+                    {t("app.action.create.title")}
+                  </Text>
+                  <Text lh={1.2} style={{ whiteSpace: "normal" }} size="xs" ta="center" c="dimmed">
+                    {t("app.action.create.description")}
+                  </Text>
+                </Stack>
+                <Button onClick={handleAddNewApp} variant="light" size="xs" mt="auto" radius="md" fullWidth>
+                  {t("app.action.create.action")}
+                </Button>
              </Stack>
-              <Button onClick={handleAddNewApp} variant="light" size="xs" mt="auto" radius="md" fullWidth>
-                {t("app.action.create.action")}
-              </Button>
-            </Stack>
-          </Card>
-        </Grid.Col>
+            </Card>
+          </Grid.Col>
+        )}

        {filteredApps.map((app) => (
          <Grid.Col key={app.id} span={{ xs: 12, sm: 4, md: 3 }}>
@@ -96,7 +100,7 @@ export const AppSelectModal = createModal<AppSelectModalProps>(({ actions, inner
                    {app.description ?? ""}
                  </Text>
                </Stack>
-                <Button onClick={() => handleSelect(app.id)} variant="light" size="xs" mt="auto" radius="md" fullWidth>
+                <Button onClick={() => handleSelect(app)} variant="light" size="xs" mt="auto" radius="md" fullWidth>
                  {t("app.action.select.action", { app: app.name })}
                </Button>
              </Stack>
--- a/packages/modals-collection/src/apps/quick-add-app/quick-add-app-modal.tsx
+++ b/packages/modals-collection/src/apps/quick-add-app/quick-add-app-modal.tsx
@@ -1,5 +1,6 @@
 import type { z } from "zod/v4";

+import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
 import type { MaybePromise } from "@homarr/common/types";
 import { AppForm } from "@homarr/forms-collection";
@@ -9,7 +10,7 @@ import { useI18n, useScopedI18n } from "@homarr/translation/client";
 import type { appManageSchema } from "@homarr/validation/app";

 interface QuickAddAppModalProps {
-  onClose: (createdAppId: string) => MaybePromise<void>;
+  onClose: (createdApp: Omit<RouterOutputs["app"]["create"], "appId">) => MaybePromise<void>;
 }

 export const QuickAddAppModal = createModal<QuickAddAppModalProps>(({ actions, innerProps }) => {
@@ -27,13 +28,13 @@ export const QuickAddAppModal = createModal<QuickAddAppModalProps>(({ actions, i

  const handleSubmit = (values: z.infer<typeof appManageSchema>) => {
    mutate(values, {
-      async onSuccess({ appId }) {
+      async onSuccess(app) {
        showSuccessNotification({
          title: tScoped("success.title"),
          message: tScoped("success.message"),
        });

-        await innerProps.onClose(appId);
+        await innerProps.onClose(app);
        actions.closeModal();
      },
    });
--- a/packages/modals/package.json
+++ b/packages/modals/package.json
@@ -24,15 +24,15 @@
  "dependencies": {
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
+    "@mantine/core": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
    "react": "19.2.0"
  },
  "devDependencies": {
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/notifications/package.json
+++ b/packages/notifications/package.json
@@ -24,14 +24,14 @@
  "prettier": "@homarr/prettier-config",
  "dependencies": {
    "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/notifications": "^8.3.4",
+    "@mantine/notifications": "^8.3.5",
    "@tabler/icons-react": "^3.35.0"
  },
  "devDependencies": {
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/old-import/package.json
+++ b/packages/old-import/package.json
@@ -37,10 +37,10 @@
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/ui": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
+    "@mantine/core": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
    "adm-zip": "0.5.16",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "superjson": "2.2.2",
@@ -52,7 +52,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/adm-zip": "0.5.7",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/old-schema/package.json
+++ b/packages/old-schema/package.json
@@ -29,7 +29,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/ping/package.json
+++ b/packages/ping/package.json
@@ -30,7 +30,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/redis/package.json
+++ b/packages/redis/package.json
@@ -34,7 +34,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/request-handler/package.json
+++ b/packages/request-handler/package.json
@@ -30,7 +30,7 @@
    "@homarr/log": "workspace:^0.1.0",
    "@homarr/redis": "workspace:^0.1.0",
    "dayjs": "^1.11.18",
-    "octokit": "^5.0.3",
+    "octokit": "^5.0.4",
    "superjson": "2.2.2",
    "undici": "7.16.0",
    "zod": "^4.1.12"
@@ -39,7 +39,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/request-handler/src/lib/cached-integration-request-handler.ts
+++ b/packages/request-handler/src/lib/cached-integration-request-handler.ts
@@ -10,6 +10,7 @@ import { createCachedRequestHandler } from "./cached-request-handler";
 type IntegrationOfKind<TKind extends IntegrationKind> = Omit<Integration, "kind"> & {
  kind: TKind;
  decryptedSecrets: Modify<Pick<IntegrationSecret, "kind" | "value">, { value: string }>[];
+  externalUrl: string | null;
 };

 interface Options<TData, TKind extends IntegrationKind, TInput extends Record<string, unknown>> {
--- a/packages/request-handler/src/lib/cached-request-integration-job-handler.ts
+++ b/packages/request-handler/src/lib/cached-request-integration-job-handler.ts
@@ -96,6 +96,7 @@ export const createRequestIntegrationJobHandler = <
            ...integration,
            kind: integration.kind as TIntegrationKind,
            decryptedSecrets,
+            externalUrl: integration.app?.href ?? null,
          },
          input,
        );
--- a/packages/server-settings/package.json
+++ b/packages/server-settings/package.json
@@ -29,7 +29,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/settings/package.json
+++ b/packages/settings/package.json
@@ -26,8 +26,8 @@
    "@homarr/api": "workspace:^0.1.0",
    "@homarr/db": "workspace:^0.1.0",
    "@homarr/server-settings": "workspace:^0.1.0",
-    "@mantine/dates": "^8.3.4",
-    "next": "15.5.5",
+    "@mantine/dates": "^8.3.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0"
  },
@@ -35,7 +35,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/spotlight/package.json
+++ b/packages/spotlight/package.json
@@ -33,12 +33,12 @@
    "@homarr/settings": "workspace:^0.1.0",
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/ui": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
-    "@mantine/spotlight": "^8.3.4",
+    "@mantine/core": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
+    "@mantine/spotlight": "^8.3.5",
    "@tabler/icons-react": "^3.35.0",
    "jotai": "^2.15.0",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "use-deep-compare-effect": "^1.8.1"
@@ -47,7 +47,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/translation/package.json
+++ b/packages/translation/package.json
@@ -32,7 +32,7 @@
    "dayjs": "^1.11.18",
    "deepmerge": "4.3.1",
    "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "next-intl": "4.3.12",
    "react": "19.2.0",
    "react-dom": "19.2.0"
@@ -41,7 +41,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/translation/src/lang/cn.json
+++ b/packages/translation/src/lang/cn.json
@@ -947,27 +947,27 @@
        },
        "url": {
          "label": "网址",
-          "newLabel": "新网址"
+          "newLabel": "新建网址"
        },
        "opnsenseApiKey": {
-          "label": "API 密钥 (Key)",
-          "newLabel": "新 API 密钥 (Key)"
+          "label": "API 密钥 (密钥)",
+          "newLabel": "新建API密钥（密钥）"
        },
        "opnsenseApiSecret": {
-          "label": "API 密钥 (保密)",
-          "newLabel": "新 API 密钥 (保密)"
+          "label": "API 密钥 (机密)",
+          "newLabel": "新建API密钥（机密）"
        },
        "githubAppId": {
-          "label": "应用ID",
-          "newLabel": "新应用ID"
+          "label": "应用 ID",
+          "newLabel": "新应用 ID"
        },
        "githubInstallationId": {
-          "label": "安装 ID",
-          "newLabel": "新安装 ID"
+          "label": "安装 Id",
+          "newLabel": "新建安装ID"
        },
        "privateKey": {
-          "label": "私人密钥",
-          "newLabel": "新私人密钥"
+          "label": "私钥",
+          "newLabel": "新建私钥"
        }
      }
    },
@@ -1148,8 +1148,8 @@
    },
    "unit": {
      "speed": {
-        "kilometersPerHour": "",
-        "milesPerHour": ""
+        "kilometersPerHour": "千米/时",
+        "milesPerHour": "英里/时"
      }
    }
  },
@@ -1164,7 +1164,7 @@
          "label": "标题"
        },
        "customCssClasses": {
-          "label": ""
+          "label": "自定义 CSS 类"
        },
        "borderColor": {
          "label": "边界颜色"
@@ -1295,20 +1295,20 @@
          "label": "启用状态检查"
        },
        "layout": {
-          "label": "界面",
+          "label": "布局",
          "option": {
-            "row": "横向",
-            "row-reverse": "横向 (反转)",
+            "row": "水平",
+            "row-reverse": "水平(反向)",
            "column": "垂直",
-            "column-reverse": "垂直 (反转)"
+            "column-reverse": "垂直(反向)"
          }
        },
        "descriptionDisplayMode": {
-          "label": "描述信息显示模式",
+          "label": "描述显示模式",
          "description": "选择应用描述的显示方式",
          "option": {
            "normal": "窗口组件内",
-            "tooltip": "显示为悬停提示",
+            "tooltip": "在工具提示中显示",
            "hidden": "隐藏"
          }
        }
@@ -1558,8 +1558,8 @@
      },
      "placeholder": "开始写笔记",
      "dismiss": {
-        "title": "是否放弃修改？",
-        "message": "仍有未保存的更改，确定要丢弃吗？",
+        "title": "放弃更改？",
+        "message": "您的笔记中有未保存的更改。确定要放弃这些更改吗？",
        "action": {
          "discard": "放弃修改",
          "keepEditing": "继续编辑"
@@ -1717,7 +1717,7 @@
      "name": "日历",
      "description": "在日历视图中显示某个相对时间段内的集成事件",
      "duration": {
-        "allDay": ""
+        "allDay": "全天"
      },
      "option": {
        "releaseType": {
@@ -1754,7 +1754,7 @@
          "description": "仅在当前天气时"
        },
        "useImperialSpeed": {
-          "label": ""
+          "label": "风速使用英里/时"
        },
        "location": {
          "label": "天气位置"
@@ -1774,12 +1774,12 @@
          "description": "日期应该是什么样的"
        }
      },
-      "currentWindSpeed": "{currentWindSpeed} km/h",
+      "currentWindSpeed": "{currentWindSpeed} {unit}",
      "dailyForecast": {
        "sunrise": "日出",
        "sunset": "日落",
-        "maxWindSpeed": "最大风速：{maxWindSpeed} km/h",
-        "maxWindGusts": "最大阵风：{maxWindGusts} km/h"
+        "maxWindSpeed": "最大风速：{maxWindSpeed} {unit}",
+        "maxWindGusts": "最大阵风：{maxWindGusts} {unit}"
      },
      "kind": {
        "clear": "晴朗",
@@ -1994,21 +1994,21 @@
        "name": "名称",
        "id": "ID",
        "metadata": {
-          "title": "",
+          "title": "技术统计",
          "video": {
-            "title": "",
-            "resolution": ""
+            "title": "视频",
+            "resolution": "分辨率"
          },
          "audio": {
-            "title": "",
-            "channelCount": "",
-            "codec": ""
+            "title": "音频",
+            "channelCount": "音频声道",
+            "codec": "音频编码"
          },
          "transcoding": {
-            "title": "",
-            "container": "",
-            "resolution": "",
-            "target": ""
+            "title": "转码",
+            "container": "容器",
+            "resolution": "分辨率",
+            "target": "目标编解码器"
          }
        }
      }
@@ -2534,36 +2534,36 @@
    },
    "systemResources": {
      "name": "系统资源",
-      "description": "",
+      "description": "您系统的 CPU、内存、磁盘及其他硬件使用情况",
      "option": {
        "hasShadow": {
-          "label": ""
+          "label": "启用图表阴影"
        },
        "visibleCharts": {
-          "label": "",
-          "description": "",
+          "label": "可见图表",
+          "description": "选择您希望显示的图表。",
          "option": {
-            "cpu": "",
-            "memory": "",
-            "network": ""
+            "cpu": "CPU",
+            "memory": "内存",
+            "network": "网络"
          }
        },
        "labelDisplayMode": {
-          "label": "",
+          "label": "标签显示模式",
          "option": {
-            "textWithIcon": "",
-            "text": "",
-            "icon": "",
-            "hidden": ""
+            "textWithIcon": "显示图标和文本",
+            "text": "仅显示文本",
+            "icon": "仅显示图标",
+            "hidden": "隐藏标签"
          }
        }
      },
      "card": {
        "cpu": "CPU",
-        "memory": "",
-        "network": "",
-        "up": "",
-        "down": ""
+        "memory": "内存",
+        "network": "网络",
+        "up": "上传",
+        "down": "下载"
      }
    }
  },
@@ -2987,8 +2987,8 @@
          "integration": "集成",
          "app": "应用",
          "group": "群组",
-          "searchEngine": "",
-          "media": ""
+          "searchEngine": "搜索引擎",
+          "media": "媒体"
        },
        "statisticLabel": {
          "boards": "面板",
@@ -2997,8 +2997,8 @@
          "authorization": "认证"
        },
        "heroBanner": {
-          "title": "",
-          "subtitle": ""
+          "title": "欢迎回到您的",
+          "subtitle": "{app} 面板"
        }
      },
      "board": {
@@ -3356,7 +3356,7 @@
              "label": "防火墙接口"
            },
            "weather": {
-              "label": ""
+              "label": "天气"
            }
          },
          "interval": {
@@ -3367,10 +3367,10 @@
            "weeklyMonday": "每周一",
            "update": {
              "success": {
-                "message": ""
+                "message": "间隔已成功更新"
              },
              "error": {
-                "message": ""
+                "message": "更新间隔失败"
              }
            }
          },
@@ -3385,49 +3385,49 @@
              "label": "计划时间间隔"
            },
            "lastExecution": {
-              "label": ""
+              "label": "上次执行"
            },
            "actions": {
-              "label": ""
+              "label": "操作"
            }
          },
          "table": {
-            "search": ""
+            "search": "在 {count} 个任务中搜索……"
          },
          "action": {
            "refresh": {
-              "label": ""
+              "label": "刷新"
            }
          },
          "refresh": {
            "success": {
-              "message": ""
+              "message": "任务已成功刷新"
            },
            "error": {
-              "message": ""
+              "message": "刷新任务失败"
            }
          },
          "trigger": {
            "success": {
-              "message": ""
+              "message": "任务已成功触发"
            },
            "error": {
-              "message": ""
+              "message": "触发任务失败"
            }
          },
          "enable": {
            "success": {
-              "message": ""
+              "message": "任务已成功启用"
            }
          },
          "disable": {
            "success": {
-              "message": ""
+              "message": "任务已成功禁用"
            }
          },
          "toggle": {
            "error": {
-              "message": ""
+              "message": "切换任务状态失败"
            }
          }
        },
@@ -3484,19 +3484,19 @@
            "subtitle": "{count} 用于 Homarr 代码中"
          },
          "hotkeys": {
-            "title": "",
-            "subtitle": "",
+            "title": "快捷键",
+            "subtitle": "用于增强工作流的键盘快捷键",
            "field": {
-              "shortcut": "",
-              "action": ""
+              "shortcut": "快捷键",
+              "action": "操作"
            },
            "action": {
-              "toggleBoardEdit": "",
-              "toggleColorScheme": "",
-              "saveNotebook": "",
-              "openSpotlight": ""
+              "toggleBoardEdit": "切换面板编辑模式",
+              "toggleColorScheme": "切换 亮色/暗色 模式",
+              "saveNotebook": "保存笔记（仅在笔记小工具内有效）",
+              "openSpotlight": "打开搜索"
            },
-            "note": ""
+            "note": "提示：Mod 键在 macOS 上指 Ctrl 键和 ⌘ 键"
          }
        }
      }
--- a/packages/translation/src/lang/da.json
+++ b/packages/translation/src/lang/da.json
@@ -1774,12 +1774,12 @@
          "description": "Hvordan datoen skal se ud"
        }
      },
-      "currentWindSpeed": "{currentWindSpeed} km/t",
+      "currentWindSpeed": "{currentWindSpeed} {unit}",
      "dailyForecast": {
        "sunrise": "Solopgang",
        "sunset": "Solnedgang",
-        "maxWindSpeed": "Maks. vindhastighed: {maxWindSpeed} km/t",
-        "maxWindGusts": "Maks. vindstød {maxWindGusts} km/t"
+        "maxWindSpeed": "Maks. vindhastighed: {maxWindSpeed} {unit}",
+        "maxWindGusts": "Maks. vindstød {maxWindGusts} {unit}"
      },
      "kind": {
        "clear": "Skyfrit",
--- a/packages/translation/src/lang/en.json
+++ b/packages/translation/src/lang/en.json
@@ -645,6 +645,21 @@
            "title": "Creation failed",
            "message": "The integration could not be created"
          }
+        },
+        "app": {
+          "option": {
+            "existing": {
+              "title": "Existing",
+              "label": "Select existing app"
+            },
+            "new": {
+              "title": "New",
+              "url": {
+                "label": "App url",
+                "description": "The url the app will open when accessed from the dashboard"
+              }
+            }
+          }
        }
      },
      "edit": {
@@ -658,6 +673,13 @@
            "title": "Unable to apply changes",
            "message": "The integration could not be saved"
          }
+        },
+        "app": {
+          "action": {
+            "add": "Link an app",
+            "remove": "Unlink",
+            "select": "Select an app to link"
+          }
        }
      },
      "delete": {
@@ -686,6 +708,9 @@
        "label": "Create Search Engine",
        "description": "Integration \"{kind}\" can be used with the search engines. Check this to automatically configure the search engine."
      },
+      "app": {
+        "sectionTitle": "Linked App"
+      },
      "createApp": {
        "label": "Create app",
        "description": "Create an app with the same name and icon as the integration. Leave the input field below empty to create the app with the integration URL."
@@ -1026,6 +1051,7 @@
      "add": "Add",
      "apply": "Apply",
      "backToOverview": "Back to overview",
+      "change": "Change",
      "create": "Create",
      "createAnother": "Create and start over",
      "edit": "Edit",
--- a/packages/translation/src/lang/es.json
+++ b/packages/translation/src/lang/es.json
@@ -2997,8 +2997,8 @@
          "authorization": "Autenticación"
        },
        "heroBanner": {
-          "title": "Bienvenido de nuevo a tu",
-          "subtitle": "Tablero de {app}"
+          "title": "Bienvenido de nuevo a...",
+          "subtitle": "{app} !!!"
        }
      },
      "board": {
--- a/packages/translation/src/lang/it.json
+++ b/packages/translation/src/lang/it.json
@@ -1754,7 +1754,7 @@
          "description": "Solo sul meteo corrente"
        },
        "useImperialSpeed": {
-          "label": ""
+          "label": "Usa mph per la velocità del vento"
        },
        "location": {
          "label": "Località meteo"
@@ -1996,18 +1996,18 @@
        "metadata": {
          "title": "",
          "video": {
-            "title": "",
-            "resolution": ""
+            "title": "Video",
+            "resolution": "Risoluzione"
          },
          "audio": {
-            "title": "",
-            "channelCount": "",
-            "codec": ""
+            "title": "Audio",
+            "channelCount": "Canali audio",
+            "codec": "Codec audio"
          },
          "transcoding": {
-            "title": "",
-            "container": "",
-            "resolution": "",
+            "title": "Transcodifica",
+            "container": "Container",
+            "resolution": "Risoluzione",
            "target": ""
          }
        }
@@ -2988,7 +2988,7 @@
          "app": "Applicazioni",
          "group": "Gruppi",
          "searchEngine": "",
-          "media": ""
+          "media": "Media"
        },
        "statisticLabel": {
          "boards": "Board",
@@ -3329,7 +3329,7 @@
              "label": ""
            },
            "updateChecker": {
-              "label": ""
+              "label": "Controllo aggiornamenti"
            },
            "mediaTranscoding": {
              "label": ""
@@ -3485,10 +3485,10 @@
          },
          "hotkeys": {
            "title": "",
-            "subtitle": "",
+            "subtitle": "Scorciatoie da tastiera per migliorare il flusso di lavoro",
            "field": {
-              "shortcut": "",
-              "action": ""
+              "shortcut": "Scorciatoia",
+              "action": "Azione"
            },
            "action": {
              "toggleBoardEdit": "",
@@ -3651,7 +3651,7 @@
        "services": "Servizi",
        "pods": "Pods",
        "configmaps": "",
-        "secrets": "",
+        "secrets": "Secrets",
        "volumes": "Volumi"
      }
    },
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -30,12 +30,12 @@
    "@homarr/log": "workspace:^0.1.0",
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/core": "^8.3.4",
-    "@mantine/dates": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
+    "@mantine/core": "^8.3.5",
+    "@mantine/dates": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
    "@tabler/icons-react": "^3.35.0",
    "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "svgson": "^5.3.1"
@@ -45,7 +45,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/css-modules": "^1.0.5",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/validation/package.json
+++ b/packages/validation/package.json
@@ -31,7 +31,7 @@
    "@homarr/eslint-config": "workspace:^0.2.0",
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/validation/src/integration.ts
+++ b/packages/validation/src/integration.ts
@@ -2,6 +2,7 @@ import { z } from "zod/v4";

 import { integrationKinds, integrationPermissions, integrationSecretKinds } from "@homarr/definitions";

+import { appManageSchema } from "./app";
 import { zodEnumFromArray } from "./enums";
 import { createSavePermissionsSchema } from "./permissions";

@@ -19,6 +20,12 @@ export const integrationCreateSchema = z.object({
    }),
  ),
  attemptSearchEngineCreation: z.boolean(),
+  app: z
+    .object({
+      id: z.string(),
+    })
+    .or(appManageSchema)
+    .optional(),
 });

 export const integrationUpdateSchema = z.object({
@@ -31,6 +38,7 @@ export const integrationUpdateSchema = z.object({
      value: z.string().nullable(),
    }),
  ),
+  appId: z.string().nullable(),
 });

 export const integrationSavePermissionsSchema = createSavePermissionsSchema(zodEnumFromArray(integrationPermissions));
--- a/packages/widgets/package.json
+++ b/packages/widgets/package.json
@@ -48,9 +48,9 @@
    "@homarr/translation": "workspace:^0.1.0",
    "@homarr/ui": "workspace:^0.1.0",
    "@homarr/validation": "workspace:^0.1.0",
-    "@mantine/charts": "^8.3.4",
-    "@mantine/core": "^8.3.4",
-    "@mantine/hooks": "^8.3.4",
+    "@mantine/charts": "^8.3.5",
+    "@mantine/core": "^8.3.5",
+    "@mantine/hooks": "^8.3.5",
    "@tabler/icons-react": "^3.35.0",
    "@tiptap/extension-color": "2.26.3",
    "@tiptap/extension-highlight": "2.26.3",
@@ -72,7 +72,7 @@
    "dayjs": "^1.11.18",
    "mantine-form-zod-resolver": "^1.3.0",
    "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.5",
+    "next": "15.5.6",
    "react": "19.2.0",
    "react-dom": "19.2.0",
    "react-markdown": "^10.1.0",
@@ -85,7 +85,7 @@
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
    "@types/video.js": "^7.3.58",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
--- a/packages/widgets/src/_inputs/widget-app-input.tsx
+++ b/packages/widgets/src/_inputs/widget-app-input.tsx
@@ -8,6 +8,7 @@ import { IconCheck, IconRocket } from "@tabler/icons-react";

 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
+import { useSession } from "@homarr/auth/client";
 import { useModalAction } from "@homarr/modals";
 import { QuickAddAppModal } from "@homarr/modals-collection";
 import { useI18n } from "@homarr/translation/client";
@@ -21,6 +22,8 @@ export const WidgetAppInput = ({ property, kind }: CommonWidgetInputProps<"app">
  const tInput = useWidgetInputTranslation(kind, property);
  const form = useFormContext();
  const { data: apps, isPending, refetch } = clientApi.app.selectable.useQuery();
+  const { data: session } = useSession();
+  const canCreateApps = session?.user.permissions.includes("app-create") ?? false;

  const { openModal } = useModalAction(QuickAddAppModal);

@@ -30,7 +33,7 @@ export const WidgetAppInput = ({ property, kind }: CommonWidgetInputProps<"app">
  );

  return (
-    <SimpleGrid cols={{ base: 1, md: 2 }} spacing={{ base: "md" }} style={{ alignItems: "center" }}>
+    <SimpleGrid cols={{ base: 1, md: canCreateApps ? 2 : 1 }} spacing={{ base: "md" }} style={{ alignItems: "center" }}>
      <Select
        label={tInput("label")}
        searchable
@@ -59,22 +62,24 @@ export const WidgetAppInput = ({ property, kind }: CommonWidgetInputProps<"app">
        styles={{ root: { flex: "1" } }}
        {...form.getInputProps(`options.${property}`)}
      />
-      <Button
-        mt={3}
-        rightSection={<IconRocket size="1.5rem" />}
-        variant="default"
-        onClick={() =>
-          openModal({
-            // eslint-disable-next-line no-restricted-syntax
-            async onClose(createdAppId) {
-              await refetch();
-              form.setFieldValue(`options.${property}`, createdAppId);
-            },
-          })
-        }
-      >
-        {t("widget.common.app.quickCreate")}
-      </Button>
+      {canCreateApps && (
+        <Button
+          mt={3}
+          rightSection={<IconRocket size="1.5rem" />}
+          variant="default"
+          onClick={() =>
+            openModal({
+              // eslint-disable-next-line no-restricted-syntax
+              async onClose(createdAppId) {
+                await refetch();
+                form.setFieldValue(`options.${property}`, createdAppId);
+              },
+            })
+          }
+        >
+          {t("widget.common.app.quickCreate")}
+        </Button>
+      )}
    </SimpleGrid>
  );
 };
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/tooling/eslint/package.json
+++ b/tooling/eslint/package.json
@@ -17,7 +17,7 @@
  },
  "prettier": "@homarr/prettier-config",
  "dependencies": {
-    "@next/eslint-plugin-next": "15.5.5",
+    "@next/eslint-plugin-next": "15.5.6",
    "eslint-config-prettier": "^10.1.8",
    "eslint-config-turbo": "^2.5.8",
    "eslint-plugin-import": "^2.32.0",
@@ -29,7 +29,7 @@
  "devDependencies": {
    "@homarr/prettier-config": "workspace:^0.1.0",
    "@homarr/tsconfig": "workspace:^0.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.38.0",
    "typescript": "^5.9.3"
  }
 }
				`@@ -0,0 +1 @@`
				ALTER TABLE `integration` ADD `app_id` text REFERENCES app(id);