feat(changelog): add spend management changelog

.github/workflows/main.yml

@@ -10,7 +10,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4

app/compare/applitools/page.tsx

@@ -69,6 +69,10 @@ const features: Features = {
     argos: "✔️",
     competitor: "❌",
   },
+  spendManamgement: {
+    argos: "✔️",
+    competitor: "❌",
+  },
 };
 
 const emblemProps = {

app/compare/chromatic/page.tsx

@@ -69,6 +69,10 @@ const features: Features = {
     argos: "✔️",
     competitor: "❌",
   },
+  spendManamgement: {
+    argos: "✔️",
+    competitor: "❌",
+  },
 };
 
 const emblemProps = {

app/compare/comparison-table.tsx

@@ -18,6 +18,7 @@ export type Features = {
   playwrightDebugging: Feature;
   playwrightTestRetries: Feature;
   githubSso: Feature;
+  spendManamgement: Feature;
   openSource: Feature;
   githubLight: Feature;
   sensitivityThresholdPerScreenshot: Feature;
@@ -103,6 +104,16 @@ export function ComparisonTable(props: {
           <Feature feature={props.features.githubSso} />
         </Tr>
 
+        <Tr>
+          <Th>
+            <ThMain>Spend Management</ThMain>
+            <ThSubLink href="/docs/spend-management">
+              Control your spendings by setting a budget limit
+            </ThSubLink>
+          </Th>
+          <Feature feature={props.features.spendManamgement} />
+        </Tr>
+
         <Tr>
           <Th>
             <ThMain>Open Source</ThMain>

app/compare/percy/page.tsx

@@ -63,6 +63,10 @@ const features: Features = {
     argos: "✔️",
     competitor: "❌",
   },
+  spendManamgement: {
+    argos: "✔️",
+    competitor: "❌",
+  },
 };
 
 export const metadata: Metadata = getMetadata({

changelogs/2025-01-13__spend-management/index.mdx

@@ -0,0 +1,18 @@
+---
+title: Spend Management
+description: Control your Argos expenses with customizable spending limits and automatic project pausing.
+slug: spend-management
+date: 2025-01-13
+---
+
+![Team Analytics dashboard](/assets/changelogs/spend-management/spend-management.jpg)
+
+Introducing Spend Management, a feature designed to help you monitor and control your team’s visual testing expenses effectively.
+
+- **Customizable Spend Limits**: Set specific spending thresholds per billing cycle to manage your budget proactively.
+- **Alert Notifications**: Receive email alerts at 50%, 75%, and 100% of your set spend amount, keeping you informed of your usage.
+- **Automated Project Pausing**: Enable automatic pausing of all projects when your spending limit is reached, preventing unexpected overages.
+
+Spend Management is available on Pro and Enterprise plans (usage-based). To get started, navigate to your team’s Settings tab and configure your spending preferences.
+
+For detailed instructions, refer to our [Spend Management documentation](/docs/spend-management).

package.json

@@ -14,23 +14,23 @@
   "dependencies": {
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@next/mdx": "^15.1.2",
-    "@next/third-parties": "^15.1.2",
+    "@next/mdx": "^15.1.4",
+    "@next/third-parties": "^15.1.4",
     "@openstatus/react": "^0.0.3",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-slider": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tooltip": "^1.1.6",
-    "@shikijs/rehype": "^1.24.3",
+    "@shikijs/rehype": "^1.26.2",
     "@types/mdx": "^2.0.13",
     "clsx": "^2.1.1",
-    "fast-glob": "^3.3.2",
-    "framer-motion": "^11.15.0",
+    "fast-glob": "^3.3.3",
+    "framer-motion": "^11.17.0",
     "gray-matter": "^4.0.3",
-    "lucide-react": "^0.469.0",
+    "lucide-react": "^0.471.1",
     "medium-zoom": "^1.1.0",
-    "next": "^15.1.2",
+    "next": "^15.1.4",
     "next-mdx-remote": "^5.0.0",
     "next-plausible": "^3.12.4",
     "next-sitemap": "^4.2.3",
@@ -43,28 +43,28 @@
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.0",
     "schema-dts": "^1.1.2",
-    "shiki": "^1.24.3",
+    "shiki": "^1.26.2",
     "zod": "^3.24.1"
   },
   "devDependencies": {
     "@argos-ci/cypress": "^2.3.3",
     "@radix-ui/colors": "^3.0.0",
-    "@tailwindcss/typography": "^0.5.15",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.0",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.0.2",
-    "@types/react-dom": "^19.0.2",
+    "@tailwindcss/typography": "^0.5.16",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.1",
+    "@types/node": "^22.10.6",
+    "@types/react": "^19.0.6",
+    "@types/react-dom": "^19.0.3",
     "autoprefixer": "^10.4.20",
     "cypress": "^13.17.0",
-    "eslint": "^9.17.0",
-    "eslint-config-next": "^15.1.2",
-    "postcss": "^8.4.49",
+    "eslint": "^9.18.0",
+    "eslint-config-next": "^15.1.4",
+    "postcss": "^8.5.0",
     "postcss-nesting": "^13.0.1",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.2",
+    "typescript": "^5.7.3",
     "windy-radix-palette": "2.0.0-beta.7"
   },
   "packageManager": "[email protected]+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387"