From e901cfdf4ae383a2337c2e20182f6eee6d3010f9 Mon Sep 17 00:00:00 2001
From: Test <patrick.a.erichsen@gmail.com>
Date: Fri, 22 Nov 2024 13:28:24 -0800
Subject: [PATCH 1/2] feat: add icon for URL ctx item peek

---
 gui/src/components/mainInput/ContextItemsPeek.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/gui/src/components/mainInput/ContextItemsPeek.tsx b/gui/src/components/mainInput/ContextItemsPeek.tsx
index 56608b837b..6771c30bf3 100644
--- a/gui/src/components/mainInput/ContextItemsPeek.tsx
+++ b/gui/src/components/mainInput/ContextItemsPeek.tsx
@@ -11,6 +11,7 @@ import { getIconFromDropdownItem } from "./MentionList";
 import { getBasename } from "core/util";
 import { RootState } from "../../redux/store";
 import { useSelector } from "react-redux";
+import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
 
 interface ContextItemsPeekProps {
   contextItems?: ContextItemWithId[];
@@ -23,11 +24,12 @@ interface ContextItemsPeekItemProps {
 
 function ContextItemsPeekItem({ contextItem }: ContextItemsPeekItemProps) {
   const ideMessenger = useContext(IdeMessengerContext);
+  const isUrl = contextItem.uri?.type === "url";
 
   function openContextItem() {
     const { uri, name, description, content } = contextItem;
 
-    if (uri?.type === "url") {
+    if (isUrl) {
       ideMessenger.post("openUrl", uri.value);
     } else if (uri) {
       const isRangeInFile = name.includes(" (") && name.endsWith(")");
@@ -97,7 +99,7 @@ function ContextItemsPeekItem({ contextItem }: ContextItemsPeekItemProps) {
   return (
     <div
       onClick={openContextItem}
-      className="mr-2 flex cursor-pointer items-center overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-1 text-xs hover:bg-white/10"
+      className="group mr-2 flex cursor-pointer items-center overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-1 text-xs hover:bg-white/10"
     >
       <div className="flex w-full items-center">
         {getContextItemIcon()}
@@ -113,6 +115,10 @@ function ContextItemsPeekItem({ contextItem }: ContextItemsPeekItemProps) {
               : contextItem.description}
           </div>
         </div>
+
+        {isUrl && (
+          <ArrowTopRightOnSquareIcon className="mx-2 h-4 w-4 flex-shrink-0 text-gray-400 opacity-0 group-hover:opacity-100" />
+        )}
       </div>
     </div>
   );

From fd89c78d525e489c07ecd638705326497112ccda Mon Sep 17 00:00:00 2001
From: Test <patrick.a.erichsen@gmail.com>
Date: Fri, 22 Nov 2024 15:31:51 -0800
Subject: [PATCH 2/2] add underline styles for ctx item urls

---
 extensions/vscode/package-lock.json               | 6 +++---
 gui/package-lock.json                             | 8 +-------
 gui/src/components/mainInput/ContextItemsPeek.tsx | 6 ++++--
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/extensions/vscode/package-lock.json b/extensions/vscode/package-lock.json
index 9405035051..8d680fb94a 100644
--- a/extensions/vscode/package-lock.json
+++ b/extensions/vscode/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "continue",
-  "version": "0.9.232",
+  "version": "0.9.233",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "continue",
-      "version": "0.9.232",
+      "version": "0.9.233",
       "license": "Apache-2.0",
       "dependencies": {
         "@electron/rebuild": "^3.2.10",
@@ -109,7 +109,7 @@
         "cheerio": "^1.0.0-rc.12",
         "commander": "^12.0.0",
         "comment-json": "^4.2.3",
-        "dbinfoz": "^0.11.0",
+        "dbinfoz": "^0.14.0",
         "diff": "^7.0.0",
         "dotenv": "^16.4.5",
         "fastest-levenshtein": "^1.0.16",
diff --git a/gui/package-lock.json b/gui/package-lock.json
index 3be234fb8d..1a9e4fe3ff 100644
--- a/gui/package-lock.json
+++ b/gui/package-lock.json
@@ -56,7 +56,6 @@
         "socket.io-client": "^4.7.2",
         "styled-components": "^5.3.6",
         "table": "^6.8.1",
-        "tailwind-scrollbar-hide": "^1.1.7",
         "tippy.js": "^6.3.7",
         "unist-util-visit": "^5.0.0",
         "uuid": "^9.0.1",
@@ -112,7 +111,7 @@
         "cheerio": "^1.0.0-rc.12",
         "commander": "^12.0.0",
         "comment-json": "^4.2.3",
-        "dbinfoz": "^0.11.0",
+        "dbinfoz": "^0.14.0",
         "diff": "^7.0.0",
         "dotenv": "^16.4.5",
         "fastest-levenshtein": "^1.0.16",
@@ -8984,11 +8983,6 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/tailwind-scrollbar-hide": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/tailwind-scrollbar-hide/-/tailwind-scrollbar-hide-1.1.7.tgz",
-      "integrity": "sha512-X324n9OtpTmOMqEgDUEA/RgLrNfBF/jwJdctaPZDzB3mppxJk7TLIDmOreEDm1Bq4R9LSPu4Epf8VSdovNU+iA=="
-    },
     "node_modules/tailwindcss": {
       "version": "3.4.12",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.12.tgz",
diff --git a/gui/src/components/mainInput/ContextItemsPeek.tsx b/gui/src/components/mainInput/ContextItemsPeek.tsx
index 6771c30bf3..bc56ad6d0c 100644
--- a/gui/src/components/mainInput/ContextItemsPeek.tsx
+++ b/gui/src/components/mainInput/ContextItemsPeek.tsx
@@ -104,11 +104,13 @@ function ContextItemsPeekItem({ contextItem }: ContextItemsPeekItemProps) {
       <div className="flex w-full items-center">
         {getContextItemIcon()}
         <div className="flex min-w-0 flex-1 gap-2 text-xs">
-          <div className="max-w-[50%] flex-shrink-0 truncate">
+          <div
+            className={`max-w-[50%] flex-shrink-0 truncate ${isUrl ? "hover:underline" : ""}`}
+          >
             {contextItem.name}
           </div>
           <div
-            className={`min-w-0 flex-1 overflow-hidden truncate whitespace-nowrap text-xs text-gray-400`}
+            className={`min-w-0 flex-1 overflow-hidden truncate whitespace-nowrap text-xs text-gray-400 ${isUrl ? "hover:underline" : ""}`}
           >
             {contextItem.uri?.type === "file"
               ? getBasename(contextItem.description)