dstack 0.19.32__tar.gz → 0.19.33__tar.gz

{dstack-0.19.32 → dstack-0.19.33}/.github/workflows/docker-amd-smi.yml

@@ -15,6 +15,10 @@ on:
         description: "Docker image revision"
         required: true
         default: 0
+      tag_latest:
+        description: "Update 'latest'"
+        type: boolean
+        default: false
 
 jobs:
   build-amd-smi:
@@ -48,4 +52,7 @@ jobs:
           VERSION=$(docker inspect --format '{{ index .Config.Labels "org.opencontainers.image.version" }}' ${IMAGE_NAME})
           docker tag ${IMAGE_NAME}:latest ${IMAGE_NAME}:${VERSION}
           docker push ${IMAGE_NAME}:${VERSION}
-          docker push ${IMAGE_NAME}:latest
+      - name: Tag and push latest
+        if: ${{ inputs.tag_latest }}
+        run: |
+          docker push ${{ inputs.image_name }}:latest

{dstack-0.19.32 → dstack-0.19.33}/.pre-commit-config.yaml

@@ -21,6 +21,6 @@ repos:
     hooks:
       - id: frontend-pre-commit
         name: frontend-pre-commit
-        entry: bash -c "cd frontend && npm install && npm run precommit"
+        entry: bash -c "cd frontend && npm install && npm run pre-commit"
         language: system
         pass_filenames: false

{dstack-0.19.32 → dstack-0.19.33}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: dstack
-Version: 0.19.32
+Version: 0.19.33
 Summary: dstack is an open-source orchestration engine for running AI workloads on any cloud or on-premises.
 Project-URL: Homepage, https://dstack.ai
 Project-URL: Source, https://github.com/dstackai/dstack
@@ -22,7 +22,7 @@ Requires-Dist: cryptography
 Requires-Dist: cursor
 Requires-Dist: filelock
 Requires-Dist: gitpython
-Requires-Dist: gpuhunt==0.1.8
+Requires-Dist: gpuhunt==0.1.10
 Requires-Dist: ignore-python>=0.2.0
 Requires-Dist: jsonschema
 Requires-Dist: orjson

{dstack-0.19.32 → dstack-0.19.33}/docker/base/Dockerfile

@@ -2,7 +2,7 @@
 ARG UBUNTU_VERSION
 
 # Build stage
-FROM nvidia/cuda:12.1.1-base-ubuntu${UBUNTU_VERSION}.04 AS builder
+FROM nvidia/cuda:12.8.1-base-ubuntu${UBUNTU_VERSION}.04 AS builder
 
 ENV NCCL_HOME=/opt/nccl
 ENV CUDA_HOME=/usr/local/cuda

{dstack-0.19.32 → dstack-0.19.33}/docker/base/Dockerfile.common

@@ -1,6 +1,6 @@
 ARG UBUNTU_VERSION
 
-FROM nvidia/cuda:12.1.1-base-ubuntu${UBUNTU_VERSION}.04
+FROM nvidia/cuda:12.8.1-base-ubuntu${UBUNTU_VERSION}.04
 
 ARG _UV_HOME="/opt/uv"
 

{dstack-0.19.32 → dstack-0.19.33}/docs/docs/concepts/backends.md

@@ -520,6 +520,7 @@ gcloud projects list --format="json(projectId)"
     compute.networks.updatePolicy
     compute.regions.get
     compute.regions.list
+    compute.reservations.list
     compute.resourcePolicies.create
     compute.resourcePolicies.delete
     compute.routers.list
@@ -543,6 +544,9 @@ gcloud projects list --format="json(projectId)"
     Also, the use of TPUs requires the `serviceAccountUser` role.
     For TPU VMs, dstack will use the default service account.
 
+    If you plan to use shared reservations, the `compute.reservations.list`
+    permission is required in the project that owns the reservations.
+
 ??? info "Required APIs"
     First, ensure the required APIs are enabled in your GCP `project_id`.
 

{dstack-0.19.32 → dstack-0.19.33}/docs/docs/guides/troubleshooting.md

@@ -111,7 +111,7 @@ one of these features, `dstack` will only select offers from the backends that s
   are only supported by the `aws`, `azure`, `gcp`, `nebius`, `oci`, and `vultr` backends,
   as well as SSH fleets.
 - [Reservations](../reference/dstack.yml/fleet.md#reservation)
-  are only supported by the `aws` backend.
+  are only supported by the `aws` and `gcp` backends.
 
 #### Cause 8: dstack Sky balance
 

{dstack-0.19.32 → dstack-0.19.33}/frontend/.justfile

@@ -12,6 +12,18 @@ install-frontend:
     cd {{source_directory()}}
     npm install
 
+run-frontend:
+    #!/usr/bin/env bash
+    set -e
+    cd {{source_directory()}}
+    npm run start
+
+run-frontend-sky:
+    #!/usr/bin/env bash
+    set -e
+    cd {{source_directory()}}
+    npm run start-sky
+
 build-frontend:
     #!/usr/bin/env bash
     set -e

{dstack-0.19.32 → dstack-0.19.33}/frontend/package-lock.json

@@ -23,6 +23,7 @@
         "css-minimizer-webpack-plugin": "^4.2.2",
         "date-fns": "^2.29.3",
         "i18next": "^24.0.2",
+        "js-yaml": "^4.1.0",
         "lodash": "^4.17.21",
         "openai": "^4.33.1",
         "prismjs": "^1.30.0",
@@ -61,6 +62,7 @@
         "@types/date-fns": "^2.6.0",
         "@types/enzyme": "^3.10.18",
         "@types/jest": "^29.5.14",
+        "@types/js-yaml": "^4.0.9",
         "@types/lodash": "^4.17.13",
         "@types/node": "^22.10.1",
         "@types/react": "^18.3.12",
@@ -147,6 +149,30 @@
         "js-yaml": "^3.13.1"
       }
     },
+    "node_modules/@apidevtools/json-schema-ref-parser/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/@apidevtools/json-schema-ref-parser/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/@apidevtools/openapi-schemas": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@apidevtools/openapi-schemas/-/openapi-schemas-2.1.0.tgz",
@@ -2663,13 +2689,6 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
@@ -2683,19 +2702,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -3241,6 +3247,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config/node_modules/camelcase": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -3263,6 +3279,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -4974,6 +5004,13 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@types/js-yaml": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+      "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -5930,13 +5967,10 @@
       "dev": true
     },
     "node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
     },
     "node_modules/aria-query": {
       "version": "5.3.0",
@@ -9061,6 +9095,7 @@
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "bin": {
         "esparse": "bin/esparse.js",
         "esvalidate": "bin/esvalidate.js"
@@ -12304,13 +12339,12 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
     "node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dev": true,
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
       "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
+        "argparse": "^2.0.1"
       },
       "bin": {
         "js-yaml": "bin/js-yaml.js"
@@ -19627,12 +19661,6 @@
         "webpack": "^5.0.0"
       }
     },
-    "node_modules/postcss-loader/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
     "node_modules/postcss-loader/node_modules/cosmiconfig": {
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
@@ -19659,18 +19687,6 @@
         }
       }
     },
-    "node_modules/postcss-loader/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
     "node_modules/postcss-loader/node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -22207,7 +22223,8 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "dev": true,
+      "license": "BSD-3-Clause"
     },
     "node_modules/stable": {
       "version": "0.1.8",

{dstack-0.19.32 → dstack-0.19.33}/frontend/package.json

@@ -16,7 +16,7 @@
     "test": "jest",
     "test:update-snapshots": "jest -u",
     "generate-api": "npx @rtk-query/codegen-openapi openapi-config.ts",
-    "precommit": "lint-staged"
+    "pre-commit": "lint-staged"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.9",
@@ -40,6 +40,7 @@
     "@types/date-fns": "^2.6.0",
     "@types/enzyme": "^3.10.18",
     "@types/jest": "^29.5.14",
+    "@types/js-yaml": "^4.0.9",
     "@types/lodash": "^4.17.13",
     "@types/node": "^22.10.1",
     "@types/react": "^18.3.12",
@@ -110,6 +111,7 @@
     "css-minimizer-webpack-plugin": "^4.2.2",
     "date-fns": "^2.29.3",
     "i18next": "^24.0.2",
+    "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
     "openai": "^4.33.1",
     "prismjs": "^1.30.0",

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/App/Login/LoginByGithub/index.tsx

@@ -342,7 +342,7 @@ function OtherVersions() {
                                 <Box variant="h3">Open-source</Box>
                                 <Box variant="small">Self-hosted</Box>
                             </SpaceBetween>
-                            <Box variant="p">Sigle sign-on, advanced governance controls, and dedicated support.</Box>
+                            <Box variant="p">Fully customizable and self-hosted open-source version.</Box>
                             <Button external={true} href="https://dstack.ai/docs/installation">
                                 Installation
                             </Button>
@@ -356,7 +356,7 @@ function OtherVersions() {
                                 <Box variant="h3">dstack Enterprise</Box>
                                 <Box variant="small">Self-hosted</Box>
                             </SpaceBetween>
-                            <Box variant="p">Sigle sign-on, advanced governance controls, and dedicated support.</Box>
+                            <Box variant="p">Single sign-on, advanced governance controls, and dedicated support.</Box>
                             <Button variant="primary" external={true} href="https://calendly.com/dstackai/discovery-call">
                                 Book a demo
                             </Button>

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/api.ts

@@ -79,6 +79,7 @@ export const API = {
         RUNS_DELETE: (projectName: IProject['project_name']) => `${API.PROJECTS.RUNS(projectName)}/delete`,
         RUNS_STOP: (projectName: IProject['project_name']) => `${API.PROJECTS.RUNS(projectName)}/stop`,
         RUNS_SUBMIT: (projectName: IProject['project_name']) => `${API.PROJECTS.RUNS(projectName)}/submit`,
+        RUNS_APPLY: (projectName: IProject['project_name']) => `${API.PROJECTS.RUNS(projectName)}/apply`,
 
         // Logs
         LOGS: (projectName: IProject['project_name']) => `${API.BASE()}/project/${projectName}/logs/poll`,

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/components/index.ts

@@ -1,6 +1,7 @@
 export { default as Alert } from '@cloudscape-design/components/alert';
 export type { AlertProps } from '@cloudscape-design/components/alert';
 export { default as Icon } from '@cloudscape-design/components/icon';
+export { default as ButtonDropdown } from '@cloudscape-design/components/button-dropdown';
 export type { ButtonDropdownProps } from '@cloudscape-design/components/button-dropdown';
 export { default as AppLayout } from '@cloudscape-design/components/app-layout';
 export type { AppLayoutProps } from '@cloudscape-design/components/app-layout';

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/layouts/AppLayout/TutorialPanel/constants.tsx

@@ -43,6 +43,7 @@ export const overlayI18nStrings: AnnotationContextProps.I18nStrings = {
 export enum HotspotIds {
     ADD_TOP_UP_BALANCE = 'billing-top-up-balance',
     PAYMENT_CONTINUE_BUTTON = 'billing-payment-continue-button',
+    INSTALL_CLI_COMMAND = 'install-cli-command',
     CONFIGURE_CLI_COMMAND = 'configure-cli-command',
     CREATE_FIRST_PROJECT = 'create-first-project',
 }
@@ -80,6 +81,7 @@ export const BILLING_TUTORIAL: TutorialPanelProps.Tutorial = {
 export const CONFIGURE_CLI_TUTORIAL: TutorialPanelProps.Tutorial = {
     completed: false,
     title: 'Set up the CLI',
+    prerequisitesAlert: 'Please, create a project before set up the CLI',
     description: (
         <>
             <Box variant="p" color="text-body-secondary" padding={{ top: 'n' }}>
@@ -92,6 +94,11 @@ export const CONFIGURE_CLI_TUTORIAL: TutorialPanelProps.Tutorial = {
         {
             title: 'Configure the CLI',
             steps: [
+                {
+                    title: 'Run the CLI install command',
+                    content: 'Run this command on your local machine to install the CLI.',
+                    hotspotId: HotspotIds.INSTALL_CLI_COMMAND,
+                },
                 {
                     title: 'Run the dstack project add command',
                     content: 'Run this command on your local machine to configure the dstack CLI.',

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/layouts/AppLayout/TutorialPanel/hooks.ts

@@ -113,7 +113,11 @@ export const useTutorials = () => {
         dispatch(updateTutorialPanelState({ createProjectCompleted: true }));
     }, []);
 
-    const startConfigCliTutorial = useCallback(() => {}, [billingUrl]);
+    const startConfigCliTutorial = useCallback(() => {
+        if (projectData?.length) {
+            navigate(ROUTES.PROJECT.DETAILS.SETTINGS.FORMAT(projectData[0].project_name));
+        }
+    }, [projectData]);
 
     const finishConfigCliTutorial = useCallback(() => {
         dispatch(updateTutorialPanelState({ configureCLICompleted: true }));
@@ -160,6 +164,7 @@ export const useTutorials = () => {
                 completed: configureCLICompleted,
                 startCallback: startConfigCliTutorial,
                 finishCallback: finishConfigCliTutorial,
+                prerequisitesNeeded: !createProjectCompleted,
             },
 
             {

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/locale/en.json

@@ -51,7 +51,8 @@
     "control_plane": "Control plane",
     "refresh": "Refresh",
     "quickstart": "Quickstart",
-    "ask_ai": "Ask AI"
+    "ask_ai": "Ask AI",
+    "new": "New"
   },
 
   "auth": {
@@ -465,6 +466,24 @@
       "size": "Size"
     }
   },
+  "runs": {
+    "dev_env": {
+      "wizard": {
+        "title": "New dev environment",
+        "submit": "Apply",
+        "offer": "Offer",
+        "offer_description": "Select an offer for the dev environment.",
+        "name": "Name",
+        "name_description": "The name of the run. If not specified, the name will be generated automatically.",
+        "name_placeholder": "Optional",
+        "ide": "IDE",
+        "ide_description": "Select which IDE would you like to use with the dev environment.",
+        "config": "Configuration file",
+        "config_description": "Review the configuration file and adjust it if needed. Click Info for examples.",
+        "success_notification": "The run is submitted!"
+      }
+    }
+  },
   "offer": {
     "title": "Offers",
     "filter_property_placeholder": "Filter by properties",

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/pages/Offers/List/hooks/useFilters.ts

@@ -16,6 +16,7 @@ import { getPropertyFilterOptions } from '../helpers';
 
 type Args = {
     gpus: IGpu[];
+    withSearchParams?: boolean;
 };
 
 type RequestParamsKeys = 'project_name' | 'gpu_name' | 'gpu_count' | 'gpu_memory' | 'backend' | 'spot_policy' | 'group_by';
@@ -52,7 +53,7 @@ const defaultGroupByOptions = [{ ...gpuFilterOption }, { label: 'Backend', value
 
 const groupByRequestParamName: RequestParamsKeys = 'group_by';
 
-export const useFilters = ({ gpus }: Args) => {
+export const useFilters = ({ gpus, withSearchParams = true }: Args) => {
     const [searchParams, setSearchParams] = useSearchParams();
     const { projectOptions } = useProjectFilter({ localStorePrefix: 'offers-list-projects' });
     const projectNameIsChecked = useRef(false);
@@ -75,7 +76,9 @@ export const useFilters = ({ gpus }: Args) => {
     });
 
     const clearFilter = () => {
-        setSearchParams({});
+        if (withSearchParams) {
+            setSearchParams({});
+        }
         setPropertyFilterQuery(EMPTY_QUERY);
         setGroupBy([]);
     };
@@ -137,6 +140,10 @@ export const useFilters = ({ gpus }: Args) => {
         tokens: PropertyFilterProps.Query['tokens'];
         groupBy: MultiselectProps.Options;
     }) => {
+        if (!withSearchParams) {
+            return;
+        }
+
         const searchParams = tokensToSearchParams<RequestParamsKeys>(tokens);
 
         groupBy.forEach(({ value }) => searchParams.append(groupByRequestParamName, value as string));

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/pages/Offers/List/index.tsx

@@ -1,14 +1,13 @@
 import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { Cards, CardsProps, Header, Link, MultiselectCSD, PropertyFilter, StatusIndicator } from 'components';
+import { Cards, CardsProps, Link, MultiselectCSD, PropertyFilter, StatusIndicator } from 'components';
 
-import { useBreadcrumbs, useCollection } from 'hooks';
+import { useCollection } from 'hooks';
 import { useGetGpusListQuery } from 'services/gpu';
 
 import { useEmptyMessages } from './hooks/useEmptyMessages';
 import { useFilters } from './hooks/useFilters';
-import { ROUTES } from '../../../routes';
 import { convertMiBToGB, rangeToObject, renderRange, round } from './helpers';
 
 import styles from './styles.module.scss';
@@ -67,17 +66,14 @@ const getRequestParams = ({
     };
 };
 
-export const OfferList = () => {
+type OfferListProps = Pick<CardsProps, 'variant' | 'header' | 'onSelectionChange' | 'selectedItems' | 'selectionType'> & {
+    withSearchParams?: boolean;
+    onChangeProjectName?: (value: string) => void;
+};
+
+export const OfferList: React.FC<OfferListProps> = ({ withSearchParams, onChangeProjectName, ...props }) => {
     const { t } = useTranslation();
     const [requestParams, setRequestParams] = useState<TGpusListQueryParams | undefined>();
-
-    useBreadcrumbs([
-        {
-            text: t('offer.title'),
-            href: ROUTES.OFFERS.LIST,
-        },
-    ]);
-
     const { data, isLoading, isFetching } = useGetGpusListQuery(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
@@ -97,7 +93,7 @@ export const OfferList = () => {
         groupBy,
         groupByOptions,
         onChangeGroupBy,
-    } = useFilters({ gpus: data?.gpus ?? [] });
+    } = useFilters({ gpus: data?.gpus ?? [], withSearchParams });
 
     useEffect(() => {
         setRequestParams(
@@ -110,6 +106,10 @@ export const OfferList = () => {
         );
     }, [JSON.stringify(filteringRequestParams), groupBy]);
 
+    useEffect(() => {
+        onChangeProjectName?.(filteringRequestParams.project_name ?? '');
+    }, [filteringRequestParams.project_name]);
+
     const { renderEmptyMessage, renderNoMatchMessage } = useEmptyMessages({
         clearFilter,
         projectNameSelected: Boolean(requestParams?.['project_name']),
@@ -188,6 +188,7 @@ export const OfferList = () => {
     return (
         <Cards
             {...collectionProps}
+            {...props}
             items={items}
             cardDefinition={{
                 header: (gpu) => <Link>{gpu.name}</Link>,
@@ -196,8 +197,6 @@ export const OfferList = () => {
             loading={isLoading || isFetching}
             loadingText={t('common.loading')}
             stickyHeader={true}
-            header={<Header variant="awsui-h1-sticky">{t('offer.title')}</Header>}
-            variant="full-page"
             filter={
                 <div className={styles.selectFilters}>
                     <div className={styles.propertyFilter}>

dstack-0.19.33/frontend/src/pages/Offers/ListPage.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useBreadcrumbs } from 'hooks';
+import { ROUTES } from 'routes';
+
+import { Header } from '../../components';
+import { OfferList } from './List';
+
+export const ListPage: React.FC = () => {
+    const { t } = useTranslation();
+
+    useBreadcrumbs([
+        {
+            text: t('offer.title'),
+            href: ROUTES.OFFERS.LIST,
+        },
+    ]);
+
+    return <OfferList variant="full-page" header={<Header variant="awsui-h1-sticky">{t('offer.title')}</Header>} />;
+};

dstack-0.19.33/frontend/src/pages/Offers/index.ts

@@ -0,0 +1 @@
+export { ListPage as OfferList } from './ListPage';

{dstack-0.19.32 → dstack-0.19.33}/frontend/src/pages/Project/Details/Settings/constants.tsx

@@ -13,7 +13,7 @@ export const CLI_INFO = {
             </p>
             <p>
                 To learn how to install the CLI, refer to the{' '}
-                <a href={'https://dstack.ai/docs/cli/installation'} target="_blank">
+                <a href={'https://dstack.ai/docs/installation#set-up-the-cli'} target="_blank">
                     installation
                 </a>{' '}
                 guide.