From dcecd7261fc653b1e4521eedfd8c909ee8aa5ada Mon Sep 17 00:00:00 2001
From: Felix Lyu <felixlyu1018@gmail.com>
Date: Thu, 9 Jan 2025 15:57:55 +0800
Subject: [PATCH 1/2] fix: instruction selector content displaying issue

---
 .../chrome/src/components/instruction-selector/index.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/extensions/chrome/src/components/instruction-selector/index.tsx b/extensions/chrome/src/components/instruction-selector/index.tsx
index cb23401..07b9802 100644
--- a/extensions/chrome/src/components/instruction-selector/index.tsx
+++ b/extensions/chrome/src/components/instruction-selector/index.tsx
@@ -94,7 +94,12 @@ export function InstructionSelect() {
           <SelectTrigger className="inline-flex items-center justify-center relative shrink-0 ring-offset-2 ring-offset-bg-300 ring-accent-main-100 focus-visible:outline-none focus-visible:ring-1 tc-shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:drop-shadow-none max-w-full min-w-0 pl-1.5 pr-1 h-7 ml-0.5 mr-1 hover:bg-bg-200 hover:border-border-400 border-0.5 text-sm rounded-md border-transparent transition text-text-500 hover:text-text-200 font-tiempos !tc-font-normal tc-gap-x-1">
             <SelectValue placeholder="Let Claude think" />
           </SelectTrigger>
-          <SelectContent className="z-50 bg-bg-200 backdrop-blur-xl border-0.5 border-border-300 rounded-xl min-w-[12rem] overflow-hidden p-1 text-text-200 shadow-[0_0_0_0.5px_rgba(0,0,0,0.1),0_0_20px_rgba(0,0,0,0.05),0_1px_5px_rgba(0,0,0,0.1)] w-64 sm:w-[28rem] md:tc-w-[32rem] !z-30">
+          <SelectContent
+            style={{
+              zIndex: 9999,
+            }}
+            className="z-50 bg-bg-200 backdrop-blur-xl border-0.5 border-border-300 rounded-xl min-w-[12rem] overflow-hidden p-1 text-text-200 shadow-[0_0_0_0.5px_rgba(0,0,0,0.1),0_0_20px_rgba(0,0,0,0.05),0_1px_5px_rgba(0,0,0,0.1)] w-64 sm:w-[28rem] md:tc-w-[32rem] !z-30"
+          >
             <div className="sm:flex justify-between items-center flex-1 text-xs font-medium text-text-300 px-1.5 pt-1 pb-1.5 min-h-5">
               <div className="translate-y-[0.5px]">
                 Which model instruction should Claude use?

From a6e29606f180dec056ef527b2ce232bb3be8b8c8 Mon Sep 17 00:00:00 2001
From: Felix Lyu <felixlyu1018@gmail.com>
Date: Thu, 9 Jan 2025 15:58:48 +0800
Subject: [PATCH 2/2] chore: bump version 3.2.2

---
 extensions/chrome/package.json | 151 ++++++++++++++++-----------------
 1 file changed, 74 insertions(+), 77 deletions(-)

diff --git a/extensions/chrome/package.json b/extensions/chrome/package.json
index 7f0ab63..4192d5b 100644
--- a/extensions/chrome/package.json
+++ b/extensions/chrome/package.json
@@ -1,79 +1,76 @@
 {
-  "name": "thinking-claude",
-  "version": "3.2.1",
-  "description": "Chrome extension for letting Claude think like a real human",
-  "type": "module",
-  "scripts": {
-    "watch": "webpack --config webpack/webpack.dev.js --watch",
-    "build": "webpack --config webpack/webpack.prod.js",
-    "start": "webpack serve --config webpack/webpack.dev.js",
-    "test": "bun test",
-    "test:watch": "bun test --watch",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "lint:staged": "lint-staged",
-    "lint:types": "tsc --noEmit",
-    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
-    "format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
-    "fix": "bun run format && bun run lint:fix",
-    "type-check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.1",
-    "@radix-ui/react-collapsible": "^1.1.1",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-scroll-area": "^1.2.1",
-    "@radix-ui/react-select": "^2.1.2",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.4",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.460.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^1.14.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.15.0",
-    "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
-    "@types/chrome": "^0.0.246",
-    "@types/node": "^20.8.2",
-    "@types/react": "^18.2.24",
-    "@types/react-dom": "^18.2.8",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
-    "@vitest/runner": "^2.1.5",
-    "autoprefixer": "^10.4.16",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.8.1",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "husky": "^9.1.7",
-    "identity-obj-proxy": "^3.0.0",
-    "lint-staged": "^14.0.1",
-    "markdownlint-cli2": "^0.15.0",
-    "mini-css-extract-plugin": "^2.9.2",
-    "postcss": "^8.4.31",
-    "postcss-loader": "^7.3.3",
-    "postcss-nesting": "^12.0.1",
-    "style-loader": "^3.3.3",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-animate": "^1.0.7",
-    "ts-loader": "^9.4.4",
-    "typescript": "^5.2.2",
-    "vitest": "^2.1.5",
-    "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1",
-    "webpack-merge": "^5.9.0"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
-  }
+	"name": "thinking-claude",
+	"version": "3.2.2",
+	"description": "Chrome extension for letting Claude think like a real human",
+	"type": "module",
+	"scripts": {
+		"watch": "webpack --config webpack/webpack.dev.js --watch",
+		"build": "webpack --config webpack/webpack.prod.js",
+		"start": "webpack serve --config webpack/webpack.dev.js",
+		"test": "bun test",
+		"test:watch": "bun test --watch",
+		"lint": "eslint .",
+		"lint:fix": "eslint . --fix",
+		"lint:staged": "lint-staged",
+		"lint:types": "tsc --noEmit",
+		"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
+		"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
+		"fix": "bun run format && bun run lint:fix",
+		"type-check": "tsc --noEmit"
+	},
+	"dependencies": {
+		"@radix-ui/react-accordion": "^1.2.1",
+		"@radix-ui/react-collapsible": "^1.1.1",
+		"@radix-ui/react-icons": "^1.3.2",
+		"@radix-ui/react-scroll-area": "^1.2.1",
+		"@radix-ui/react-select": "^2.1.2",
+		"@radix-ui/react-slot": "^1.1.0",
+		"@radix-ui/react-tooltip": "^1.1.4",
+		"class-variance-authority": "^0.7.0",
+		"clsx": "^2.1.1",
+		"lucide-react": "^0.460.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"tailwind-merge": "^1.14.0"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.15.0",
+		"@ianvs/prettier-plugin-sort-imports": "^3.7.2",
+		"@types/chrome": "^0.0.246",
+		"@types/node": "^20.8.2",
+		"@types/react": "^18.2.24",
+		"@types/react-dom": "^18.2.8",
+		"@typescript-eslint/eslint-plugin": "^8.15.0",
+		"@typescript-eslint/parser": "^8.15.0",
+		"@vitest/runner": "^2.1.5",
+		"autoprefixer": "^10.4.16",
+		"copy-webpack-plugin": "^11.0.0",
+		"css-loader": "^6.8.1",
+		"eslint": "^9.15.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-react": "^7.37.2",
+		"eslint-plugin-react-hooks": "^5.0.0",
+		"husky": "^9.1.7",
+		"identity-obj-proxy": "^3.0.0",
+		"lint-staged": "^14.0.1",
+		"markdownlint-cli2": "^0.15.0",
+		"mini-css-extract-plugin": "^2.9.2",
+		"postcss": "^8.4.31",
+		"postcss-loader": "^7.3.3",
+		"postcss-nesting": "^12.0.1",
+		"style-loader": "^3.3.3",
+		"tailwindcss": "^3.3.3",
+		"tailwindcss-animate": "^1.0.7",
+		"ts-loader": "^9.4.4",
+		"typescript": "^5.2.2",
+		"vitest": "^2.1.5",
+		"webpack": "^5.88.2",
+		"webpack-cli": "^5.1.4",
+		"webpack-dev-server": "^4.15.1",
+		"webpack-merge": "^5.9.0"
+	},
+	"lint-staged": {
+		"*.{ts,tsx}": ["eslint --fix", "prettier --write"],
+		"*.md": "markdownlint-cli2 --config .markdownlint-cli2.jsonc --fix"
+	}
 }