@backstage/plugin-scaffolder 1.37.0 → 1.38.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage/plugin-scaffolder
 
+## 1.38.0-next.0
+
+### Minor Changes
+
+- 3e5acb5: Extended the `RepoOwnerPicker` implementation with a custom variant for GitLab.
+
+### Patch Changes
+
+- e0889a3: chore(deps): bump `qs` from 6.15.1 to 6.15.2
+- Updated dependencies
+  - @backstage/catalog-client@1.16.0-next.0
+  - @backstage/plugin-catalog-react@3.0.1-next.0
+  - @backstage/core-components@0.18.11-next.0
+  - @backstage/plugin-scaffolder-react@2.0.1-next.0
+  - @backstage/integration@2.0.3-next.0
+  - @backstage/integration-react@1.2.19-next.0
+  - @backstage/plugin-techdocs-react@1.3.12-next.0
+  - @backstage/plugin-scaffolder-common@2.2.1-next.0
+
 ## 1.37.0
 
 ### Minor Changes

package/dist/components/fields/RepoOwnerPicker/GitLabRepoOwnerPicker.esm.js

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { scaffolderApiRef } from '@backstage/plugin-scaffolder-react';
+import FormControl from '@material-ui/core/FormControl';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import MuiTextField from '@material-ui/core/TextField';
+import MuiAutocomplete from '@material-ui/lab/Autocomplete';
+import { useState, useCallback } from 'react';
+import useDebounce from 'react-use/esm/useDebounce';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { scaffolderTranslationRef } from '../../../translation.esm.js';
+import { useScaffolderTheme } from '@backstage/plugin-scaffolder-react/alpha';
+import { Autocomplete } from '../Autocomplete/Autocomplete.esm.js';
+
+const GitLabRepoOwnerPicker = ({
+  onChange,
+  state,
+  rawErrors,
+  accessToken,
+  isDisabled,
+  required,
+  schema,
+  excludedOwners = []
+}) => {
+  const theme = useScaffolderTheme();
+  const { host, owner } = state;
+  const [availableOwners, setAvailableOwners] = useState([]);
+  const scaffolderApi = useApi(scaffolderApiRef);
+  const { t } = useTranslationRef(scaffolderTranslationRef);
+  const updateAvailableOwners = useCallback(() => {
+    if (!scaffolderApi.autocomplete || !accessToken || !host) {
+      setAvailableOwners([]);
+      return;
+    }
+    scaffolderApi.autocomplete({
+      token: accessToken,
+      resource: "groups",
+      provider: "gitlab",
+      context: { host }
+    }).then(({ results }) => {
+      const owners = results.map((r) => r.title).filter((title) => !excludedOwners.includes(title));
+      setAvailableOwners(owners);
+    }).catch(() => {
+      setAvailableOwners([]);
+    });
+  }, [host, accessToken, scaffolderApi, excludedOwners]);
+  useDebounce(updateAvailableOwners, 500, [updateAvailableOwners]);
+  if (theme === "bui") {
+    const options = availableOwners.map((o) => ({ label: o, value: o }));
+    return /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        label: schema?.title ?? t("fields.repoOwnerPicker.title"),
+        description: schema?.description ?? t("fields.repoOwnerPicker.description"),
+        inputValue: owner ?? "",
+        onInputChange: (value) => onChange({ owner: value }),
+        onSelectionChange: (key) => {
+          if (key !== null) {
+            onChange({ owner: String(key) });
+          }
+        },
+        options,
+        isDisabled,
+        isRequired: required,
+        isInvalid: rawErrors?.length > 0 && !owner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    FormControl,
+    {
+      margin: "normal",
+      required,
+      error: rawErrors?.length > 0 && !owner,
+      children: [
+        /* @__PURE__ */ jsx(
+          MuiAutocomplete,
+          {
+            value: owner,
+            onChange: (_, newValue) => {
+              onChange({ owner: newValue || "" });
+            },
+            disabled: isDisabled,
+            options: availableOwners,
+            renderInput: (params) => /* @__PURE__ */ jsx(
+              MuiTextField,
+              {
+                ...params,
+                label: schema?.title ?? t("fields.repoOwnerPicker.title"),
+                disabled: isDisabled,
+                required
+              }
+            ),
+            freeSolo: true,
+            autoSelect: true
+          }
+        ),
+        /* @__PURE__ */ jsx(FormHelperText, { children: schema?.description ?? t("fields.repoOwnerPicker.description") })
+      ]
+    }
+  );
+};
+
+export { GitLabRepoOwnerPicker };
+//# sourceMappingURL=GitLabRepoOwnerPicker.esm.js.map

package/dist/components/fields/RepoOwnerPicker/GitLabRepoOwnerPicker.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitLabRepoOwnerPicker.esm.js","sources":["../../../../src/components/fields/RepoOwnerPicker/GitLabRepoOwnerPicker.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { scaffolderApiRef } from '@backstage/plugin-scaffolder-react';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport MuiTextField from '@material-ui/core/TextField';\nimport MuiAutocomplete from '@material-ui/lab/Autocomplete';\nimport { useCallback, useState } from 'react';\nimport useDebounce from 'react-use/esm/useDebounce';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nimport { BaseRepoOwnerPickerProps } from './types';\nimport { scaffolderTranslationRef } from '../../../translation';\nimport { useScaffolderTheme } from '@backstage/plugin-scaffolder-react/alpha';\nimport { Autocomplete as BuiAutocomplete } from '../Autocomplete';\nimport type { Key } from 'react-aria-components';\n\n/**\n * The underlying component that is rendered in the form for the `GitLabRepoOwnerPicker`\n * field extension.\n *\n * @public\n *\n */\nexport const GitLabRepoOwnerPicker = ({\n  onChange,\n  state,\n  rawErrors,\n  accessToken,\n  isDisabled,\n  required,\n  schema,\n  excludedOwners = [],\n}: BaseRepoOwnerPickerProps<{\n  accessToken?: string;\n  excludedOwners?: string[];\n}>) => {\n  const theme = useScaffolderTheme();\n  const { host, owner } = state;\n\n  const [availableOwners, setAvailableOwners] = useState<string[]>([]);\n\n  const scaffolderApi = useApi(scaffolderApiRef);\n  const { t } = useTranslationRef(scaffolderTranslationRef);\n\n  const updateAvailableOwners = useCallback(() => {\n    if (!scaffolderApi.autocomplete || !accessToken || !host) {\n      setAvailableOwners([]);\n      return;\n    }\n\n    scaffolderApi\n      .autocomplete({\n        token: accessToken,\n        resource: 'groups',\n        provider: 'gitlab',\n        context: { host },\n      })\n      .then(({ results }) => {\n        const owners = results\n          .map(r => r.title!)\n          .filter(title => !excludedOwners.includes(title));\n\n        setAvailableOwners(owners);\n      })\n      .catch(() => {\n        setAvailableOwners([]);\n      });\n  }, [host, accessToken, scaffolderApi, excludedOwners]);\n\n  useDebounce(updateAvailableOwners, 500, [updateAvailableOwners]);\n\n  if (theme === 'bui') {\n    const options = availableOwners.map(o => ({ label: o, value: o }));\n\n    return (\n      <BuiAutocomplete\n        label={schema?.title ?? t('fields.repoOwnerPicker.title')}\n        description={\n          schema?.description ?? t('fields.repoOwnerPicker.description')\n        }\n        inputValue={owner ?? ''}\n        onInputChange={value => onChange({ owner: value })}\n        onSelectionChange={(key: Key | null) => {\n          if (key !== null) {\n            onChange({ owner: String(key) });\n          }\n        }}\n        options={options}\n        isDisabled={isDisabled}\n        isRequired={required}\n        isInvalid={rawErrors?.length > 0 && !owner}\n      />\n    );\n  }\n\n  return (\n    <FormControl\n      margin=\"normal\"\n      required={required}\n      error={rawErrors?.length > 0 && !owner}\n    >\n      <MuiAutocomplete\n        value={owner}\n        onChange={(_, newValue) => {\n          onChange({ owner: newValue || '' });\n        }}\n        disabled={isDisabled}\n        options={availableOwners}\n        renderInput={params => (\n          <MuiTextField\n            {...params}\n            label={schema?.title ?? t('fields.repoOwnerPicker.title')}\n            disabled={isDisabled}\n            required={required}\n          />\n        )}\n        freeSolo\n        autoSelect\n      />\n      <FormHelperText>\n        {schema?.description ?? t('fields.repoOwnerPicker.description')}\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"names":["BuiAutocomplete"],"mappings":"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"}

package/dist/components/fields/RepoOwnerPicker/RepoOwnerPicker.esm.js

@@ -6,6 +6,7 @@ import useDebounce from 'react-use/esm/useDebounce';
 import { useTemplateSecrets } from '@backstage/plugin-scaffolder-react';
 import { DefaultRepoOwnerPicker } from './DefaultRepoOwnerPicker.esm.js';
 import { GitHubRepoOwnerPicker } from './GitHubRepoOwnerPicker.esm.js';
+import { GitLabRepoOwnerPicker } from './GitLabRepoOwnerPicker.esm.js';
 
 const RepoOwnerPicker = (props) => {
   const { uiSchema, onChange, rawErrors, formData, schema, required } = props;
@@ -72,6 +73,20 @@ const RepoOwnerPicker = (props) => {
           excludedOwners
         }
       );
+    case "gitlab":
+      return /* @__PURE__ */ jsx(
+        GitLabRepoOwnerPicker,
+        {
+          onChange: updateLocalState,
+          state,
+          rawErrors,
+          accessToken: uiSchema?.["ui:options"]?.requestUserCredentials?.secretsKey && secrets[uiSchema["ui:options"].requestUserCredentials.secretsKey],
+          isDisabled: uiSchema?.["ui:disabled"] ?? false,
+          required,
+          schema,
+          excludedOwners
+        }
+      );
     default:
       return /* @__PURE__ */ jsx(
         DefaultRepoOwnerPicker,

package/dist/components/fields/RepoOwnerPicker/RepoOwnerPicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepoOwnerPicker.esm.js","sources":["../../../../src/components/fields/RepoOwnerPicker/RepoOwnerPicker.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  scmIntegrationsApiRef,\n  scmAuthApiRef,\n} from '@backstage/integration-react';\nimport { useEffect, useState, useCallback, useMemo } from 'react';\nimport useDebounce from 'react-use/esm/useDebounce';\nimport { useTemplateSecrets } from '@backstage/plugin-scaffolder-react';\n\nimport { RepoOwnerPickerProps } from './schema';\nimport { RepoOwnerPickerState } from './types';\nimport { DefaultRepoOwnerPicker } from './DefaultRepoOwnerPicker';\nimport { GitHubRepoOwnerPicker } from './GitHubRepoOwnerPicker';\n/**\n * The underlying component that is rendered in the form for the `RepoOwnerPicker`\n * field extension.\n *\n * @public\n */\nexport const RepoOwnerPicker = (props: RepoOwnerPickerProps) => {\n  const { uiSchema, onChange, rawErrors, formData, schema, required } = props;\n  const [state, setState] = useState<RepoOwnerPickerState>({\n    owner: formData || '',\n  });\n  const excludedOwners = useMemo(\n    () => uiSchema?.['ui:options']?.excludedOwners ?? [],\n    [uiSchema],\n  );\n  const { host, owner } = state;\n\n  const integrationApi = useApi(scmIntegrationsApiRef);\n  const scmAuthApi = useApi(scmAuthApiRef);\n\n  const { secrets, setSecrets } = useTemplateSecrets();\n\n  useDebounce(\n    async () => {\n      const { requestUserCredentials } = uiSchema?.['ui:options'] ?? {};\n\n      if (!requestUserCredentials || !host) {\n        return;\n      }\n\n      // don't show login prompt if secret value is already in state\n      if (secrets[requestUserCredentials.secretsKey]) {\n        return;\n      }\n\n      // user has requested that we use the users credentials\n      // so lets grab them using the scmAuthApi and pass through\n      // any additional scopes from the ui:options\n      const { token } = await scmAuthApi.getCredentials({\n        url: `https://${host}`,\n        additionalScope: {\n          repoWrite: true,\n          customScopes: requestUserCredentials.additionalScopes,\n        },\n      });\n\n      // set the secret using the key provided in the ui:options for use\n      // in the templating the manifest with ${{ secrets[secretsKey] }}\n      setSecrets({ [requestUserCredentials.secretsKey]: token });\n    },\n    500,\n    [host, uiSchema],\n  );\n\n  useEffect(() => {\n    if (uiSchema?.['ui:options']?.host) {\n      const hostUiOption = uiSchema['ui:options'].host;\n      setState(prevState => ({ ...prevState, host: hostUiOption }));\n    }\n  }, [uiSchema]);\n\n  useEffect(() => {\n    onChange(owner);\n  }, [owner, onChange]);\n\n  const updateLocalState = useCallback(\n    (newState: RepoOwnerPickerState) => {\n      setState(prevState => ({ ...prevState, ...newState }));\n    },\n    [setState],\n  );\n\n  const hostType = (host && integrationApi.byHost(host)?.type) ?? null;\n\n  switch (hostType) {\n    case 'github':\n      return (\n        <GitHubRepoOwnerPicker\n          onChange={updateLocalState}\n          state={state}\n          rawErrors={rawErrors}\n          accessToken={\n            uiSchema?.['ui:options']?.requestUserCredentials?.secretsKey &&\n            secrets[uiSchema['ui:options'].requestUserCredentials.secretsKey]\n          }\n          isDisabled={uiSchema?.['ui:disabled'] ?? false}\n          required={required}\n          schema={schema}\n          excludedOwners={excludedOwners}\n        />\n      );\n    default:\n      return (\n        <DefaultRepoOwnerPicker\n          onChange={updateLocalState}\n          state={state}\n          rawErrors={rawErrors}\n          isDisabled={uiSchema?.['ui:disabled'] ?? false}\n          required={required}\n          schema={schema}\n        />\n      );\n  }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RepoOwnerPicker.esm.js","sources":["../../../../src/components/fields/RepoOwnerPicker/RepoOwnerPicker.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  scmIntegrationsApiRef,\n  scmAuthApiRef,\n} from '@backstage/integration-react';\nimport { useEffect, useState, useCallback, useMemo } from 'react';\nimport useDebounce from 'react-use/esm/useDebounce';\nimport { useTemplateSecrets } from '@backstage/plugin-scaffolder-react';\n\nimport { RepoOwnerPickerProps } from './schema';\nimport { RepoOwnerPickerState } from './types';\nimport { DefaultRepoOwnerPicker } from './DefaultRepoOwnerPicker';\nimport { GitHubRepoOwnerPicker } from './GitHubRepoOwnerPicker';\nimport { GitLabRepoOwnerPicker } from './GitLabRepoOwnerPicker';\n\n/**\n * The underlying component that is rendered in the form for the `RepoOwnerPicker`\n * field extension.\n *\n * @public\n */\nexport const RepoOwnerPicker = (props: RepoOwnerPickerProps) => {\n  const { uiSchema, onChange, rawErrors, formData, schema, required } = props;\n  const [state, setState] = useState<RepoOwnerPickerState>({\n    owner: formData || '',\n  });\n  const excludedOwners = useMemo(\n    () => uiSchema?.['ui:options']?.excludedOwners ?? [],\n    [uiSchema],\n  );\n  const { host, owner } = state;\n\n  const integrationApi = useApi(scmIntegrationsApiRef);\n  const scmAuthApi = useApi(scmAuthApiRef);\n\n  const { secrets, setSecrets } = useTemplateSecrets();\n\n  useDebounce(\n    async () => {\n      const { requestUserCredentials } = uiSchema?.['ui:options'] ?? {};\n\n      if (!requestUserCredentials || !host) {\n        return;\n      }\n\n      // don't show login prompt if secret value is already in state\n      if (secrets[requestUserCredentials.secretsKey]) {\n        return;\n      }\n\n      // user has requested that we use the users credentials\n      // so lets grab them using the scmAuthApi and pass through\n      // any additional scopes from the ui:options\n      const { token } = await scmAuthApi.getCredentials({\n        url: `https://${host}`,\n        additionalScope: {\n          repoWrite: true,\n          customScopes: requestUserCredentials.additionalScopes,\n        },\n      });\n\n      // set the secret using the key provided in the ui:options for use\n      // in the templating the manifest with ${{ secrets[secretsKey] }}\n      setSecrets({ [requestUserCredentials.secretsKey]: token });\n    },\n    500,\n    [host, uiSchema],\n  );\n\n  useEffect(() => {\n    if (uiSchema?.['ui:options']?.host) {\n      const hostUiOption = uiSchema['ui:options'].host;\n      setState(prevState => ({ ...prevState, host: hostUiOption }));\n    }\n  }, [uiSchema]);\n\n  useEffect(() => {\n    onChange(owner);\n  }, [owner, onChange]);\n\n  const updateLocalState = useCallback(\n    (newState: RepoOwnerPickerState) => {\n      setState(prevState => ({ ...prevState, ...newState }));\n    },\n    [setState],\n  );\n\n  const hostType = (host && integrationApi.byHost(host)?.type) ?? null;\n\n  switch (hostType) {\n    case 'github':\n      return (\n        <GitHubRepoOwnerPicker\n          onChange={updateLocalState}\n          state={state}\n          rawErrors={rawErrors}\n          accessToken={\n            uiSchema?.['ui:options']?.requestUserCredentials?.secretsKey &&\n            secrets[uiSchema['ui:options'].requestUserCredentials.secretsKey]\n          }\n          isDisabled={uiSchema?.['ui:disabled'] ?? false}\n          required={required}\n          schema={schema}\n          excludedOwners={excludedOwners}\n        />\n      );\n    case 'gitlab':\n      return (\n        <GitLabRepoOwnerPicker\n          onChange={updateLocalState}\n          state={state}\n          rawErrors={rawErrors}\n          accessToken={\n            uiSchema?.['ui:options']?.requestUserCredentials?.secretsKey &&\n            secrets[uiSchema['ui:options'].requestUserCredentials.secretsKey]\n          }\n          isDisabled={uiSchema?.['ui:disabled'] ?? false}\n          required={required}\n          schema={schema}\n          excludedOwners={excludedOwners}\n        />\n      );\n    default:\n      return (\n        <DefaultRepoOwnerPicker\n          onChange={updateLocalState}\n          state={state}\n          rawErrors={rawErrors}\n          isDisabled={uiSchema?.['ui:disabled'] ?? false}\n          required={required}\n          schema={schema}\n        />\n      );\n  }\n};\n"],"names":[],"mappings":"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"}

package/dist/plugins/scaffolder/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-scaffolder";
-var version = "1.37.0";
+var version = "1.38.0-next.0";
 var description = "The Backstage plugin that helps you create new things";
 var backstage = {
 	role: "frontend-plugin",
@@ -97,7 +97,7 @@ var dependencies = {
 	jszip: "^3.10.1",
 	lodash: "^4.17.21",
 	luxon: "^3.0.0",
-	qs: "^6.9.4",
+	qs: "^6.15.2",
 	"react-aria-components": "^1.14.0",
 	"react-resizable": "^3.0.5",
 	"react-resizable-panels": "^3.0.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-scaffolder",
-  "version": "1.37.0",
+  "version": "1.38.0-next.0",
   "description": "The Backstage plugin that helps you create new things",
   "backstage": {
     "role": "frontend-plugin",
@@ -70,24 +70,24 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.15.1",
-    "@backstage/catalog-model": "^1.9.0",
-    "@backstage/core-components": "^0.18.10",
-    "@backstage/core-plugin-api": "^1.12.6",
-    "@backstage/errors": "^1.3.1",
-    "@backstage/filter-predicates": "^0.1.3",
-    "@backstage/frontend-plugin-api": "^0.17.0",
-    "@backstage/integration": "^2.0.2",
-    "@backstage/integration-react": "^1.2.18",
-    "@backstage/plugin-catalog-common": "^1.1.10",
-    "@backstage/plugin-catalog-react": "^3.0.0",
-    "@backstage/plugin-permission-react": "^0.5.1",
-    "@backstage/plugin-scaffolder-common": "^2.2.0",
-    "@backstage/plugin-scaffolder-react": "^2.0.0",
-    "@backstage/plugin-techdocs-common": "^0.1.1",
-    "@backstage/plugin-techdocs-react": "^1.3.11",
-    "@backstage/types": "^1.2.2",
-    "@backstage/ui": "^0.15.0",
+    "@backstage/catalog-client": "1.16.0-next.0",
+    "@backstage/catalog-model": "1.9.0",
+    "@backstage/core-components": "0.18.11-next.0",
+    "@backstage/core-plugin-api": "1.12.6",
+    "@backstage/errors": "1.3.1",
+    "@backstage/filter-predicates": "0.1.3",
+    "@backstage/frontend-plugin-api": "0.17.0",
+    "@backstage/integration": "2.0.3-next.0",
+    "@backstage/integration-react": "1.2.19-next.0",
+    "@backstage/plugin-catalog-common": "1.1.10",
+    "@backstage/plugin-catalog-react": "3.0.1-next.0",
+    "@backstage/plugin-permission-react": "0.5.1",
+    "@backstage/plugin-scaffolder-common": "2.2.1-next.0",
+    "@backstage/plugin-scaffolder-react": "2.0.1-next.0",
+    "@backstage/plugin-techdocs-common": "0.1.1",
+    "@backstage/plugin-techdocs-react": "1.3.12-next.0",
+    "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.15.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/legacy-modes": "^6.1.0",
     "@codemirror/view": "^6.0.0",
@@ -110,7 +110,7 @@
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
     "luxon": "^3.0.0",
-    "qs": "^6.9.4",
+    "qs": "^6.15.2",
     "react-aria-components": "^1.14.0",
     "react-resizable": "^3.0.5",
     "react-resizable-panels": "^3.0.4",
@@ -121,14 +121,14 @@
     "zod-to-json-schema": "^3.25.1"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.2",
-    "@backstage/core-app-api": "^1.20.1",
-    "@backstage/dev-utils": "^1.1.23",
-    "@backstage/frontend-test-utils": "^0.6.0",
-    "@backstage/plugin-catalog": "^2.0.5",
-    "@backstage/plugin-permission-common": "^0.9.9",
-    "@backstage/plugin-techdocs": "^1.17.6",
-    "@backstage/test-utils": "^1.7.18",
+    "@backstage/cli": "0.36.3-next.0",
+    "@backstage/core-app-api": "1.20.1",
+    "@backstage/dev-utils": "1.1.24-next.0",
+    "@backstage/frontend-test-utils": "0.6.1-next.0",
+    "@backstage/plugin-catalog": "2.0.6-next.0",
+    "@backstage/plugin-permission-common": "0.9.9",
+    "@backstage/plugin-techdocs": "1.17.7-next.0",
+    "@backstage/test-utils": "1.7.18",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",