From 32c84a84db8a7ee678509b8e1a6f00822da6203b Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Tue, 11 Nov 2025 03:43:31 +0000
Subject: [PATCH] appview/pages: add typeahead to add-collaborator modal

Signed-off-by: oppiliappan <me@oppi.li>
---
 appview/pages/templates/layouts/base.html | 1 +
 appview/pages/templates/repo/settings/access.html | 27 +++++++++++++++++----------
 2 file(s) changed, 18 insertion(s)(+), 10 deletion(s)(-)

diff --git a/appview/pages/templates/layouts/base.html b/appview/pages/templates/layouts/base.html
--- a/appview/pages/templates/layouts/base.html
+++ b/appview/pages/templates/layouts/base.html
@@ -9,6 +9,7 @@
 
             <script defer src="/static/htmx.min.js"></script>
             <script defer src="/static/htmx-ext-ws.min.js"></script>
+            <script defer src="/static/actor-typeahead.js" type="module"></script>
 
             <!-- preconnect to image cdn -->
             <link rel="preconnect" href="https://avatar.tangled.sh" />
diff --git a/appview/pages/templates/repo/settings/access.html b/appview/pages/templates/repo/settings/access.html
--- a/appview/pages/templates/repo/settings/access.html
+++ b/appview/pages/templates/repo/settings/access.html
@@ -66,7 +66,10 @@
   <div
     id="add-collaborator-modal"
     popover
-    class="bg-white w-full md:w-96 dark:bg-gray-800 p-4 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50">
+    class="
+      bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 
+      dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50 
+      w-full md:w-96 p-4 rounded drop-shadow overflow-visible">
     {{ template "addCollaboratorModal" . }}
   </div>
 {{ end }}
@@ -82,15 +85,19 @@
     ADD COLLABORATOR
   </label>
   <p class="text-sm text-gray-500 dark:text-gray-400">Collaborators can push to this repository.</p>
-  <input
-    autocapitalize="none"
-    autocorrect="off"
-    type="text"
-    id="add-collaborator"
-    name="collaborator"
-    required
-    placeholder="foo.bsky.social"
-  />
+  <actor-typeahead>
+    <input
+      autocapitalize="none"
+      autocorrect="off"
+      autocomplete="off"
+      type="text"
+      id="add-collaborator"
+      name="collaborator"
+      required
+      placeholder="user.tngl.sh"
+      class="w-full"
+    />
+  </actor-typeahead>
   <div class="flex gap-2 pt-2">
     <button
       type="button"

--
tangled.sh