diff --git a/README.md b/README.md
index 997e180..a80d86c 100644
--- a/README.md
+++ b/README.md
@@ -50,6 +50,4 @@ To set up Discord notifications:
 1. Provide a `DISCORD_WEBHOOK_URL` that contains a valid Discord webhook endpoint. See [Discord's Webhook Guide](https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks) on how to create this endpoint in your server.
 2. Set `WEBHOOK_URL` to `https://<your-todolist-domain>/webhook/discord`
 
-Voila, your discord server will start receiving events.
-
-
+Voila, your discord server will start receiving events.
\ No newline at end of file
diff --git a/app/components/github-card.tsx b/app/components/github-card.tsx
new file mode 100644
index 0000000..38271bb
--- /dev/null
+++ b/app/components/github-card.tsx
@@ -0,0 +1,83 @@
+import clsx from "clsx";
+import { Link, useLoaderData } from "react-router";
+import type { loader } from "~/routes/$project";
+import { Button } from "./button";
+import { usePopoverContext } from "./popover";
+
+interface GitHubCardProps {
+	onBack: () => void;
+}
+
+function GitHubCard({ onBack }: GitHubCardProps) {
+	const { installation } = useLoaderData<typeof loader>();
+	const popover = usePopoverContext();
+
+	function to() {
+		if (installation) {
+			return `https://github.com/settings/installations/${installation.githubInstallationId}`;
+		}
+
+		return "https://github.com/apps/gr-s-todo-list/installations/new";
+	}
+
+	return (
+		<>
+			<div className="flex gap-2 justify-end items-center">
+				<button
+					type="button"
+					className="bg-transparent cursor-pointer"
+					onClick={onBack}
+				>
+					<div className="i-lucide-x size-5 text-secondary" />
+				</button>
+			</div>
+
+			<div className="flex justify-center mb-2 items-center text-secondary relative">
+				<div className="i-solar-archive-minimalistic-bold-duotone size-8 text-rose-500" />
+				<div className="i-mdi-github size-8 -ml-2.5 text-neutral-800 dark:text-white" />
+			</div>
+
+			<h2 className="mb-2">Github Integration</h2>
+
+			{installation ? (
+				<p className="text-.8rem font-mono leading-tight text-secondary mb-4 overflow-hidden !w-16rem">
+					GitHub integration is{" "}
+					<span
+						className={clsx(
+							"font-medium",
+							installation.active
+								? "text-green-600 dark:text-green-500"
+								: "text-amber-500",
+						)}
+					>
+						{installation.active ? "active" : "paused"}
+					</span>
+					. Tasks will {installation.active ? "" : "not "}automatically update
+					when you open or merge pull requests.
+				</p>
+			) : (
+				<p className="text-.8rem font-mono leading-tight text-secondary mb-4 overflow-hidden !w-16rem">
+					Connect Todo List with your GitHub account to automatically update the
+					status of tasks.
+				</p>
+			)}
+
+			<Link
+				target="_blank"
+				rel="noreferrer noopener"
+				to={to()}
+				className="w-full"
+			>
+				<Button
+					type="button"
+					onClick={() => popover.setOpen(false)}
+					className="w-full text-sm font-medium flex items-center justify-center bg-neutral-800 text-white dark:bg-white dark:text-neutral-900 px-3 !py-1.5 gap-1"
+				>
+					{installation ? "Manage Integration" : "Connect with GitHub"}
+				</Button>
+			</Link>
+		</>
+	);
+}
+
+export { GitHubCard };
diff --git a/app/components/status.tsx b/app/components/status.tsx
index 468af57..12b0f6b 100644
--- a/app/components/status.tsx
+++ b/app/components/status.tsx
@@ -11,6 +11,7 @@ interface StatusProps {
 const StatusIcons: Record<Task["status"], string> = {
 	pending: "i-lucide-circle text-secondary",
 	inProgress: "i-lucide-loader-circle text-amber-500",
+	inReview: "i-solar-document-add-linear text-green-500",
 	done: "i-solar-check-circle-linear text-stone-400 dark:text-neutral-700",
 };
 
diff --git a/app/components/user-menu.tsx b/app/components/user-menu.tsx
index acd8eec..b4d982c 100644
--- a/app/components/user-menu.tsx
+++ b/app/components/user-menu.tsx
@@ -2,26 +2,35 @@ import clsx from "clsx";
 import React from "react";
 import { Link, useLoaderData, useNavigate } from "react-router";
 import type { loader } from "~/routes/$project";
+import { GitHubCard } from "./github-card";
 import { InviteCard } from "./invite-card";
 
+type View = "default" | "github";
+
 function UserMenu() {
-	const { user } = useLoaderData<typeof loader>();
+	const { user, installation } = useLoaderData<typeof loader>();
 	const navigate = useNavigate();
 	const [showInvite, setShowInvite] = React.useState(false);
+	const [view, setView] = React.useState<View>("default");
 
-	const handleLogout = () => {
+	function handleLogout() {
 		const confirmed = window.confirm("Are you sure you want to logout?");
 		if (confirmed) {
 			navigate("/logout");
 		}
-	};
+	}
+
+	if (view === "github") {
+		return (
+			<Container className="!w-17rem text-center p-2">
+				<GitHubCard onBack={() => setView("default")} />
+			</Container>
+		);
+	}
 
 	return (
-		<div
-			className={clsx(
-				"transition-width duration-300 ease-in-out will-change-width bg-stone-100 dark:bg-neutral-900 rounded-lg border border-neutral-300 dark:border-neutral-800 overflow-hidden shadow-lg mt-1.5 animate-fade-in animate-duration-200",
-				{ "w-14rem": !showInvite, "w-17.8rem": showInvite },
-			)}
+		<Container
+			className={clsx({ "!w-14rem": !showInvite, "!w-17rem": showInvite })}
 		>
 			{!showInvite ? (
 				<>
@@ -37,6 +46,7 @@ function UserMenu() {
 							<hr className="dark:border-neutral-800" />
 						</div>
 					)}
+
 					<ul className="font-medium p-1">
 						{user.superUser && (
 							<li>
@@ -50,6 +60,33 @@ function UserMenu() {
 								</button>
 							</li>
 						)}
+
+						{user.superUser && (
+							<li>
+								<button
+									type="button"
+									onClick={() => setView("github")}
+									className={clsx(
+										"bg-transparent w-full flex gap-2 items-center py-1.5 px-2 hover:bg-neutral-200 dark:hover:bg-neutral-800 rounded-lg",
+										installation && "opacity-70",
+									)}
+								>
+									<div className="i-mdi-github opacity-50" />
+									GitHub Integration{" "}
+									{installation && (
+										<div
+											className={clsx(
+												"size-2 rounded-full",
+												installation.active
+													? "bg-green-600 dark:bg-green-500"
+													: "bg-amber-500",
+											)}
+										/>
+									)}
+								</button>
+							</li>
+						)}
+
 						<li>
 							<Link
 								to="/change-password"
@@ -59,6 +96,7 @@ function UserMenu() {
 								Change Password
 							</Link>
 						</li>
+
 						<li>
 							<button
 								type="button"
@@ -74,6 +112,22 @@ function UserMenu() {
 			) : (
 				<InviteCard onClose={() => setShowInvite(false)} />
 			)}
+		</Container>
+	);
+}
+
+function Container({
+	children,
+	className,
+}: { children: React.ReactNode; className?: string }) {
+	return (
+		<div
+			className={clsx(
+				"transition-width duration-300 ease-in-out will-change-width bg-stone-100 dark:bg-neutral-900 rounded-lg border border-neutral-300 dark:border-neutral-800 overflow-hidden shadow-lg mt-1.5 animate-fade-in animate-duration-200",
+				className,
+			)}
+		>
+			{children}
 		</div>
 	);
 }
diff --git a/app/lib/github.ts b/app/lib/github.ts
new file mode 100644
index 0000000..21bbfb8
--- /dev/null
+++ b/app/lib/github.ts
@@ -0,0 +1,155 @@
+import type { Task } from "@prisma/client";
+import { TASK_ID_REGEX } from "./constants";
+import { prisma } from "./prisma.server";
+import { sendWebhook } from "./webhook";
+
+export interface InstallationEvent {
+	installation: {
+		id: number;
+	};
+	action: "deleted" | "suspend" | "unsuspend";
+}
+
+export interface PREvent {
+	pull_request: {
+		head: {
+			ref: string;
+		};
+		html_url: string;
+		number: number;
+		merged: boolean;
+	};
+	action: "opened" | "reopened" | "closed";
+}
+
+export type EventTypeMap = {
+	installation: InstallationEvent;
+	pull_request: PREvent;
+};
+
+export type GitHubEventType = keyof EventTypeMap;
+async function handlePullRequestEvent(event: PREvent) {
+	switch (event.action) {
+		case "opened":
+		case "reopened":
+			await handlePROpened(event);
+			break;
+		case "closed":
+			if (event.pull_request.merged) {
+				await handlePRMerged(event);
+			}
+			break;
+	}
+}
+
+async function handleInstallationEvent(event: InstallationEvent) {
+	const installationId = event.installation.id;
+
+	switch (event.action) {
+		case "deleted":
+			await prisma.installation.delete({
+				where: { githubInstallationId: installationId },
+			});
+			break;
+
+		case "suspend":
+			await prisma.installation.update({
+				where: { githubInstallationId: installationId },
+				data: { active: false },
+			});
+			break;
+
+		case "unsuspend":
+			await prisma.installation.update({
+				where: { githubInstallationId: installationId },
+				data: { active: true },
+			});
+			break;
+	}
+}
+
+async function handlePROpened(event: PREvent) {
+	const branchName = event.pull_request.head.ref;
+	const taskId = extractTaskId(branchName);
+
+	if (!taskId) return;
+
+	const task = await prisma.task.findUnique({
+		where: { id: taskId },
+	});
+
+	if (task) {
+		await updateTask({
+			taskId: task.id,
+			updates: {
+				status: "inReview",
+				githubPrUrl: event.pull_request.html_url,
+				githubPrNumber: event.pull_request.number,
+			},
+		});
+
+		sendWebhook("task.pr_opened", {
+			task,
+			prUrl: event.pull_request.html_url,
+			prNumber: event.pull_request.number,
+			branchName,
+			projectId: task.projectId,
+		});
+	}
+}
+
+async function handlePRMerged(event: PREvent) {
+	const branchName = event.pull_request.head.ref;
+	const taskId = extractTaskId(branchName);
+
+	if (!taskId) return;
+
+	const task = await prisma.task.findUnique({
+		where: { id: taskId },
+	});
+
+	if (task) {
+		await updateTask({
+			taskId: task.id,
+			updates: {
+				status: "done",
+			},
+		});
+
+		sendWebhook("task.pr_merged", {
+			task,
+			prUrl: event.pull_request.html_url,
+			prNumber: event.pull_request.number,
+			branchName,
+			projectId: task.projectId,
+		});
+	}
+}
+
+function extractTaskId(branchName: string): number | null {
+	const parts = branchName.split(/[\/\-_]/);
+
+	for (const part of parts) {
+		const match = part.match(TASK_ID_REGEX);
+		if (match) {
+			return Number.parseInt(match[1]);
+		}
+	}
+
+	return null;
+}
+
+async function updateTask({
+	taskId,
+	updates,
+}: {
+	taskId: number;
+	updates: Partial<Task>;
+}): Promise<Task> {
+	return await prisma.task.update({
+		where: { id: taskId },
+		data: updates,
+	});
+}
+
+export { handleInstallationEvent, handlePullRequestEvent };
diff --git a/app/lib/send-discord.ts b/app/lib/send-discord.ts
index 73a5ea2..079f920 100644
--- a/app/lib/send-discord.ts
+++ b/app/lib/send-discord.ts
@@ -220,6 +220,78 @@ async function createWebhookPayload(
 			break;
 		}
 
+		case "task.pr_opened": {
+			const { task, prUrl, prNumber, branchName } =
+				event as WebhookEvent<"task.pr_opened">;
+
+			embed.title = "🔀 Pull Request Opened";
+			embed.description = `${task.title} \`#${task.id}\``;
+			embed.url = prUrl;
+
+			embed.fields = [
+				{
+					name: "Status",
+					value: "`In Review`",
+					inline: true,
+				},
+				{
+					name: "Branch",
+					value: `\`${branchName}\``,
+					inline: true,
+				},
+				{
+					name: "Pull Request",
+					value: `[PR #${prNumber}](${prUrl})`,
+					inline: false,
+				},
+			];
+
+			if (task.assignee) {
+				embed.fields.push({
+					name: "Assignee",
+					value: `\`@${task.assignee.username}\``,
+					inline: true,
+				});
+			}
+			break;
+		}
+
+		case "task.pr_merged": {
+			const { task, prUrl, prNumber, branchName } =
+				event as WebhookEvent<"task.pr_merged">;
+
+			embed.title = "✅ Pull Request Merged";
+			embed.description = `~~${task.title}~~ \`#${task.id}\``;
+			embed.url = prUrl;
+
+			embed.fields = [
+				{
+					name: "Status",
+					value: "`Done`",
+					inline: true,
+				},
+				{
+					name: "Branch",
+					value: `\`${branchName}\``,
+					inline: true,
+				},
+				{
+					name: "Pull Request",
+					value: `[PR #${prNumber}](${prUrl})`,
+					inline: false,
+				},
+			];
+
+			if (task.assignee) {
+				embed.fields.push({
+					name: "Assignee",
+					value: `\`@${task.assignee.username}\``,
+					inline: true,
+				});
+			}
+			break;
+		}
+
 		case "task.deleted": {
 			const { task, user } = event as WebhookEvent<"task.deleted">;
 			if (!task) break;
@@ -294,6 +366,10 @@ function getColorForEvent(eventType: EventType): number {
 			return 0x818cf8;
 		case "task.assigned":
 			return 0xa78bfa;
+		case "task.pr_opened":
+			return 0x6366f1;
+		case "task.pr_merged":
+			return 0x10b981;
 		case "task.deleted":
 			return 0xf87171;
 		case "comment.created":
diff --git a/app/lib/statuses.tsx b/app/lib/statuses.tsx
index 4d857e4..9d58ab9 100644
--- a/app/lib/statuses.tsx
+++ b/app/lib/statuses.tsx
@@ -17,6 +17,11 @@ const statuses: StatusProps[] = [
 		label: "In Progress",
 		icon: <div className="i-lucide-loader-circle text-amber-500" />,
 	},
+	{
+		id: "inReview",
+		label: "In Review",
+		icon: <div className="i-solar-document-add-linear text-green-500" />,
+	},
 	{
 		id: "done",
 		label: "Done",
diff --git a/app/lib/webhook-types.ts b/app/lib/webhook-types.ts
index e38e5a1..6e51afc 100644
--- a/app/lib/webhook-types.ts
+++ b/app/lib/webhook-types.ts
@@ -8,6 +8,8 @@ export type EventType =
 	| "task.deleted"
 	| "task.status_changed"
 	| "task.assigned"
+	| "task.pr_opened"
+	| "task.pr_merged"
 	| "comment.created"
 	| "user.joined";
 
@@ -55,6 +57,22 @@ export type WebhookPayload = {
 		user: SafeUser;
 		projectId: number;
 	};
+
+	"task.pr_opened": {
+		task: Task & { assignee?: SafeUser };
+		prUrl: string;
+		prNumber: number;
+		branchName: string;
+		projectId: number;
+	};
+
+	"task.pr_merged": {
+		task: Task & { assignee?: SafeUser };
+		prUrl: string;
+		prNumber: number;
+		branchName: string;
+		projectId: number;
+	};
 };
 
 export type WebhookEvent<T extends EventType> = {
diff --git a/app/routes/$project.tsx b/app/routes/$project.tsx
index 8bd90b7..a9fd120 100644
--- a/app/routes/$project.tsx
+++ b/app/routes/$project.tsx
@@ -56,6 +56,11 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
 		},
 	});
 
+	const installation = await prisma.installation.findFirst({
+		where: { userId: access.user.id },
+		select: { githubInstallationId: true, active: true },
+	});
+
 	return {
 		done: Number(done),
 		total: Number(total),
@@ -63,6 +68,7 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
 		users,
 		project: access.project!,
 		unreadNotifications,
+		installation,
 	};
 };
 
diff --git a/app/routes/github-callback.tsx b/app/routes/github-callback.tsx
new file mode 100644
index 0000000..a3a0c9c
--- /dev/null
+++ b/app/routes/github-callback.tsx
@@ -0,0 +1,43 @@
+import { tryit } from "radashi";
+import { redirect } from "react-router";
+import { checkAuth } from "~/lib/check-auth";
+import { prisma } from "~/lib/prisma.server";
+import { badRequest } from "~/lib/responses";
+
+export async function loader({ request }: { request: Request }) {
+	const url = new URL(request.url);
+	const code = url.searchParams.get("code");
+	const installationId = url.searchParams.get("installation_id");
+
+	if (!code || !installationId) throw badRequest("Missing required parameters");
+
+	const res = await fetch("https://github.com/login/oauth/access_token", {
+		method: "POST",
+		headers: {
+			Accept: "application/json",
+		},
+		body: new URLSearchParams({
+			client_id: process.env.GITHUB_CLIENT_ID!,
+			client_secret: process.env.GITHUB_CLIENT_SECRET!,
+			code,
+		}),
+	});
+
+	const data = await res.json();
+
+	if (!data.access_token) throw badRequest();
+
+	const [_, user] = await tryit(checkAuth)(request);
+
+	if (user) {
+		await prisma.installation.create({
+			data: {
+				githubInstallationId: Number.parseInt(installationId),
+				userId: user.id,
+				active: true,
+			},
+		});
+	}
+
+	return redirect("/");
+}
diff --git a/app/routes/webhook.github.tsx b/app/routes/webhook.github.tsx
new file mode 100644
index 0000000..9163a22
--- /dev/null
+++ b/app/routes/webhook.github.tsx
@@ -0,0 +1,43 @@
+import crypto from "node:crypto";
+import type { ActionFunctionArgs } from "react-router";
+import {
+	type EventTypeMap,
+	type GitHubEventType,
+	handleInstallationEvent,
+	handlePullRequestEvent,
+	type InstallationEvent,
+	type PREvent,
+} from "~/lib/github";
+import { badRequest } from "~/lib/responses";
+
+export const action = async ({ request }: ActionFunctionArgs) => {
+	const eventType = request.headers.get("x-github-event") as GitHubEventType;
+	const event = (await request.json()) as EventTypeMap[typeof eventType];
+	const signature = request.headers.get("x-hub-signature-256")!;
+
+	verifyRequest(event, signature);
+
+	switch (eventType) {
+		case "installation":
+			await handleInstallationEvent(event as InstallationEvent);
+			break;
+		case "pull_request":
+			await handlePullRequestEvent(event as PREvent);
+			break;
+	}
+
+	return {};
+};
+
+function verifyRequest(event: any, signature: string) {
+	const hash = `sha256=${crypto
+		.createHmac("sha256", process.env.GITHUB_WEBHOOK_SECRET!)
+		.update(JSON.stringify(event))
+		.digest("hex")}`;
+
+	if (hash === signature) {
+		return true;
+	}
+
+	throw badRequest("Verifying request failed");
+}
diff --git a/biome.json b/biome.json
index 705afd1..9d4a47e 100644
--- a/biome.json
+++ b/biome.json
@@ -12,6 +12,9 @@
 			},
 			"a11y": {
 				"noLabelWithoutControl": "off"
+			},
+			"suspicious": {
+				"noExplicitAny": "off"
 			}
 		}
 	}
diff --git a/package.json b/package.json
index f34897f..b4a5a83 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
+    "@iconify-json/mdi": "^1.2.3",
     "@react-router/dev": "^7.0.0",
     "@types/node": "^22.15.21",
     "@types/react": "^18.2.20",
diff --git a/prisma/migrations/20250610185754_github_integration/migration.sql b/prisma/migrations/20250610185754_github_integration/migration.sql
new file mode 100644
index 0000000..2f67e29
--- /dev/null
+++ b/prisma/migrations/20250610185754_github_integration/migration.sql
@@ -0,0 +1,26 @@
+-- AlterEnum
+ALTER TYPE "Status" ADD VALUE 'inReview';
+
+-- AlterTable
+ALTER TABLE "Task" ADD COLUMN     "githubPrNumber" INTEGER,
+ADD COLUMN     "githubPrUrl" TEXT;
+
+-- CreateTable
+CREATE TABLE "Installation" (
+    "id" SERIAL NOT NULL,
+    "githubInstallationId" INTEGER NOT NULL,
+    "userId" INTEGER NOT NULL,
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "Installation_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Installation_githubInstallationId_key" ON "Installation"("githubInstallationId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Installation_userId_key" ON "Installation"("userId");
+
+-- AddForeignKey
+ALTER TABLE "Installation" ADD CONSTRAINT "Installation_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index b7ae4b2..b49dbf8 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -37,24 +37,27 @@ model ProjectAccess {
 }
 
 model Task {
-  id          Int       @id @default(autoincrement())
-  title       String
-  status      Status    @default(pending)
-  author      User      @relation("author", fields: [authorId], references: [id])
-  assignee    User      @relation("assignee", fields: [assigneeId], references: [id])
-  project     Project   @relation(fields: [projectId], references: [id], onDelete: Cascade)
-  projectId   Int
-  completedAt DateTime?
-  createdAt   DateTime  @default(now())
-  updatedAt   DateTime  @updatedAt
-  Comment     Comment[]
-  authorId    Int
-  assigneeId  Int
+  id             Int       @id @default(autoincrement())
+  title          String
+  status         Status    @default(pending)
+  author         User      @relation("author", fields: [authorId], references: [id])
+  assignee       User      @relation("assignee", fields: [assigneeId], references: [id])
+  project        Project   @relation(fields: [projectId], references: [id], onDelete: Cascade)
+  projectId      Int
+  completedAt    DateTime?
+  createdAt      DateTime  @default(now())
+  updatedAt      DateTime  @updatedAt
+  Comment        Comment[]
+  authorId       Int
+  assigneeId     Int
+  githubPrUrl    String?
+  githubPrNumber Int?
 }
 
 enum Status {
   pending
   inProgress
+  inReview
   done
 }
 
@@ -84,6 +87,7 @@ model User {
   Assignments   Task[]          @relation("assignee")
   Notification  Notification[]
   ProjectAccess ProjectAccess[]
+  Installation  Installation?
 }
 
 model Notification {
@@ -118,3 +122,12 @@ model InviteToken {
   usedAt    DateTime?
   expiresAt DateTime
 }
+
+model Installation {
+  id                   Int     @id @default(autoincrement())
+  githubInstallationId Int     @unique
+  userId               Int     @unique
+  user                 User    @relation(fields: [userId], references: [id])
+  active               Boolean @default(true)
+  createdAt DateTime @default(now())
+}
diff --git a/yarn.lock b/yarn.lock
index 5d41a79..7d1fe09 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -501,6 +501,13 @@
   dependencies:
     "@iconify/types" "*"
 
+"@iconify-json/mdi@^1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@iconify-json/mdi/-/mdi-1.2.3.tgz#5e4ee9d8c8aaad04381c8cc6c6edbe3327f031b5"
+  integrity sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==
+  dependencies:
+    "@iconify/types" "*"
+
 "@iconify-json/solar@^1.2.2":
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/@iconify-json/solar/-/solar-1.2.2.tgz#510651545d75c4fe2c43e531da743016df5a188c"
@@ -3755,8 +3762,16 @@ stream-slice@^0.1.2:
   resolved "https://registry.yarnpkg.com/stream-slice/-/stream-slice-0.1.2.tgz#2dc4f4e1b936fb13f3eb39a2def1932798d07a4b"
   integrity sha512-QzQxpoacatkreL6jsxnVb7X5R/pGw9OUv2qWTYWnmLpg4NdN31snPy/f3TdQE1ZUXaThRvj1Zw4/OGg0ZkaLMA==
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
-  name string-width-cjs
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -3782,8 +3797,14 @@ stringify-entities@^4.0.0:
     character-entities-html4 "^2.0.0"
     character-entities-legacy "^3.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  name strip-ansi-cjs
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==