feat: show project Go to Settings for credential queries

src/lib/commandCenter/searchers/projects.ts

@@ -4,22 +4,64 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
+import { project } from '$routes/(console)/project-[region]-[project]/store';
 import { base } from '$app/paths';
 
 export const projectsSearcher = (async (query: string) => {
+    const q = query.toLowerCase().trim();
+    const keywords = [
+        'endpoint',
+        'api key',
+        'api-key',
+        'apikey',
+        'project id',
+        'project-id',
+        'api end'
+    ];
+
+    const wantsCredentials = keywords.some((k) => q.includes(k));
+
+    if (wantsCredentials) {
+        const curr = get(project);
+        if (curr?.$id) {
+            return [
+                {
+                    label: 'Go to Settings',
+                    callback: () => {
+                        goto(`${base}/project-${curr.region}-${curr.$id}/settings`);
+                    },
+                    group: 'navigation'
+                }
+            ];
+        }
+        return [];
+    }
+
     const { projects } = await sdk.forConsole.projects.list({
         queries: [Query.equal('teamId', get(organization).$id), Query.orderDesc('')]
     });
 
     return projects
-        .filter((project) => project.name.toLowerCase().includes(query.toLowerCase()))
+        .filter((project) => {
+            const searchable = [project.name, project.$id, project.region]
+                .filter(Boolean)
+                .join(' ')
+                .toLowerCase();
+
+            const words = q.split(/\s+/).filter(Boolean);
+            return words.every((w) => searchable.includes(w));
+        })
         .map((project) => {
+            const href = `${base}/project-${project.region}-${project.$id}`;
+
+            const label = project.name;
+
             return {
-                label: project.name,
+                label,
                 callback: () => {
-                    goto(`${base}/project-${project.region}-${project.$id}`);
+                    goto(href);
                 },
                 group: 'projects'
-            } as const;
+            };
         });
 }) satisfies Searcher;

src/lib/components/id.svelte

@@ -29,8 +29,8 @@
         }
     }
 
-    export function truncateText(node: HTMLElement) {
-        let originalText = node.textContent;
+    export function truncateText(node: HTMLElement, text?: string) {
+        let originalText = text ?? node.textContent;
 
         function checkOverflow() {
             node.textContent = originalText;
@@ -70,8 +70,8 @@
         window.addEventListener('resize', debouncedCheck);
 
         return {
-            update() {
-                originalText = node.textContent;
+            update(newText?: string) {
+                originalText = newText ?? node.textContent;
                 addToBatch(checkOverflow);
             },
             destroy() {

src/lib/components/regionEndpoint.svelte

@@ -38,7 +38,7 @@
                     class="text u-line-height-1-5"
                     style:overflow="hidden"
                     style:word-break="break-all"
-                    use:truncateText
+                    use:truncateText={region?.name}
                     style:font-family="unset">
                     {region?.name}
                 </span>