From 4d2c877f58c17cc980c5210ee2dd1cbc52921993 Mon Sep 17 00:00:00 2001
From: Sreeharsha Raveendra <dev.sreeharsha@gmail.com>
Date: Mon, 19 Aug 2024 16:43:08 +0000
Subject: [PATCH 1/3] fix(#1989): Optimize Key Details UI for mobile

- Refactor Metric component to prevent overflow
- Implement responsive grid layout in parent component
---
 .../(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
index 1e88390db0..19eb8023a0 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
@@ -160,7 +160,7 @@ export default async function APIKeyDetailPage(props: {
 
       <div className="flex flex-col gap-4 mt-4">
         <Card>
-          <CardContent className="grid grid-cols-6 divide-x">
+          <CardContent className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-2 sm:divide-x">
             <Metric
               label={key.expires && key.expires.getTime() < Date.now() ? "Expired" : "Expires in"}
               value={key.expires ? ms(key.expires.getTime() - Date.now()) : <Minus />}
@@ -354,8 +354,8 @@ const Metric: React.FC<{
 }> = ({ label, value, tooltip }) => {
   const component = (
     <div className="flex flex-col items-start justify-center px-4 py-2">
-      <p className="text-sm text-content-subtle">{label}</p>
-      <div className="text-2xl font-semibold leading-none tracking-tight">{value}</div>
+      <p className="text-sm text-content-subtle truncate w-full">{label}</p>
+      <div className="text-2xl font-semibold leading-none tracking-tight truncate w-full">{value}</div>
     </div>
   );
 

From 20742f4a6b358669ca632dd5ea72e8e8afbda59c Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 19 Aug 2024 17:15:11 +0000
Subject: [PATCH 2/3] [autofix.ci] apply automated fixes

---
 .../app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
index 19eb8023a0..34cb668c83 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/keys/[keyAuthId]/[keyId]/page.tsx
@@ -355,7 +355,9 @@ const Metric: React.FC<{
   const component = (
     <div className="flex flex-col items-start justify-center px-4 py-2">
       <p className="text-sm text-content-subtle truncate w-full">{label}</p>
-      <div className="text-2xl font-semibold leading-none tracking-tight truncate w-full">{value}</div>
+      <div className="text-2xl font-semibold leading-none tracking-tight truncate w-full">
+        {value}
+      </div>
     </div>
   );
 

From a4bf5896f119baa6e180625589e65b38aaab8ae3 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 19 Aug 2024 21:15:57 +0000
Subject: [PATCH 3/3] [autofix.ci] apply automated fixes

---
 packages/api/package.json       | 10 ++--------
 packages/hono/package.json      | 11 ++---------
 packages/nextjs/package.json    | 10 ++--------
 packages/ratelimit/package.json | 11 ++---------
 4 files changed, 8 insertions(+), 34 deletions(-)

diff --git a/packages/api/package.json b/packages/api/package.json
index 8f10f6463a..2106bb9e7c 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -9,18 +9,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [
-    "unkey",
-    "client",
-    "api"
-  ],
+  "keywords": ["unkey", "client", "api"],
   "bugs": {
     "url": "https://github.com/unkeyed/unkey/issues"
   },
   "homepage": "https://github.com/unkeyed/unkey#readme",
-  "files": [
-    "./dist/**"
-  ],
+  "files": ["./dist/**"],
   "author": "Andreas Thomas <andreas@chronark.com>",
   "scripts": {
     "generate": "openapi-typescript https://api.unkey.dev/openapi.json -o ./src/openapi.d.ts",
diff --git a/packages/hono/package.json b/packages/hono/package.json
index 311ed14bd2..020985cd9d 100644
--- a/packages/hono/package.json
+++ b/packages/hono/package.json
@@ -8,19 +8,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [
-    "unkey",
-    "client",
-    "api",
-    "hono"
-  ],
+  "keywords": ["unkey", "client", "api", "hono"],
   "bugs": {
     "url": "https://github.com/unkeyed/unkey/issues"
   },
   "homepage": "https://github.com/unkeyed/unkey#readme",
-  "files": [
-    "./dist/**"
-  ],
+  "files": ["./dist/**"],
   "author": "Andreas Thomas <andreas@chronark.com>",
   "scripts": {
     "build": "tsup",
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
index a3b305e2a6..4dc72ba730 100644
--- a/packages/nextjs/package.json
+++ b/packages/nextjs/package.json
@@ -8,18 +8,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [
-    "unkey",
-    "client",
-    "api"
-  ],
+  "keywords": ["unkey", "client", "api"],
   "bugs": {
     "url": "https://github.com/unkeyed/unkey/issues"
   },
   "homepage": "https://github.com/unkeyed/unkey#readme",
-  "files": [
-    "./dist/**"
-  ],
+  "files": ["./dist/**"],
   "author": "Andreas Thomas <andreas@chronark.com>",
   "scripts": {
     "build": "tsup"
diff --git a/packages/ratelimit/package.json b/packages/ratelimit/package.json
index a8016f81ff..eb7721309b 100644
--- a/packages/ratelimit/package.json
+++ b/packages/ratelimit/package.json
@@ -9,19 +9,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "keywords": [
-    "unkey",
-    "ratelimit",
-    "global",
-    "serverless"
-  ],
+  "keywords": ["unkey", "ratelimit", "global", "serverless"],
   "bugs": {
     "url": "https://github.com/unkeyed/unkey/issues"
   },
   "homepage": "https://github.com/unkeyed/unkey#readme",
-  "files": [
-    "./dist/**"
-  ],
+  "files": ["./dist/**"],
   "author": "Andreas Thomas <andreas@unkey.dev>",
   "scripts": {
     "build": "tsup"