From 8f3e8464d2ba9ec70fdf1a0680a04debb883ae8c Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Tue, 11 Nov 2025 03:43:31 +0000
Subject: [PATCH] appview: add @jakelazaroff.com/actor-typeahead as a
 dependency
Change-Id: vnwltlqozqtwyvmpvoyzrmqukorsznzl

Signed-off-by: oppiliappan <me@oppi.li>
---
 flake.lock                        | 17 ++++++++++++++++
 flake.nix                         |  7 ++++++-
 input.css                         | 34 +++++++++++++++++++++++++++++++
 nix/pkgs/appview-static-files.nix |  2 ++
 4 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/flake.lock b/flake.lock
index 88938ffd..6e07d12a 100644
--- a/flake.lock
+++ b/flake.lock
@@ -1,5 +1,21 @@
 {
   "nodes": {
+    "actor-typeahead-src": {
+      "flake": false,
+      "locked": {
+        "lastModified": 1762835797,
+        "narHash": "sha256-heizoWUKDdar6ymfZTnj3ytcEv/L4d4fzSmtr0HlXsQ=",
+        "ref": "refs/heads/main",
+        "rev": "677fe7f743050a4e7f09d4a6f87bbf1325a06f6b",
+        "revCount": 6,
+        "type": "git",
+        "url": "https://tangled.org/@jakelazaroff.com/actor-typeahead"
+      },
+      "original": {
+        "type": "git",
+        "url": "https://tangled.org/@jakelazaroff.com/actor-typeahead"
+      }
+    },
     "flake-compat": {
       "flake": false,
       "locked": {
@@ -150,6 +166,7 @@
     },
     "root": {
       "inputs": {
+        "actor-typeahead-src": "actor-typeahead-src",
         "flake-compat": "flake-compat",
         "gomod2nix": "gomod2nix",
         "htmx-src": "htmx-src",
diff --git a/flake.nix b/flake.nix
index f26ceab5..d590e89f 100644
--- a/flake.nix
+++ b/flake.nix
@@ -33,6 +33,10 @@
       url = "https://github.com/rsms/inter/releases/download/v4.1/Inter-4.1.zip";
       flake = false;
     };
+    actor-typeahead-src = {
+      url = "git+https://tangled.org/@jakelazaroff.com/actor-typeahead";
+      flake = false;
+    };
     ibm-plex-mono-src = {
       url = "https://github.com/IBM/plex/releases/download/%40ibm%2Fplex-mono%401.1.0/ibm-plex-mono.zip";
       flake = false;
@@ -54,6 +58,7 @@
     inter-fonts-src,
     sqlite-lib-src,
     ibm-plex-mono-src,
+    actor-typeahead-src,
     ...
   }: let
     supportedSystems = ["x86_64-linux" "x86_64-darwin" "aarch64-linux" "aarch64-darwin"];
@@ -81,7 +86,7 @@
         lexgen = self.callPackage ./nix/pkgs/lexgen.nix {inherit indigo;};
         goat = self.callPackage ./nix/pkgs/goat.nix {inherit indigo;};
         appview-static-files = self.callPackage ./nix/pkgs/appview-static-files.nix {
-          inherit htmx-src htmx-ws-src lucide-src inter-fonts-src ibm-plex-mono-src;
+          inherit htmx-src htmx-ws-src lucide-src inter-fonts-src ibm-plex-mono-src actor-typeahead-src;
         };
         appview = self.callPackage ./nix/pkgs/appview.nix {};
         spindle = self.callPackage ./nix/pkgs/spindle.nix {};
diff --git a/input.css b/input.css
index c04d53c2..8fb447aa 100644
--- a/input.css
+++ b/input.css
@@ -241,6 +241,7 @@
         details[data-callout] > summary::-webkit-details-marker {
             display: none;
         }
+
     }
     @layer utilities {
         .error {
@@ -924,3 +925,36 @@
         text-decoration: underline;
     }
 }
+
+actor-typeahead {
+  --color-background: #ffffff;
+  --color-border: #d1d5db;
+  --color-shadow: #000000;
+  --color-hover: #f9fafb;
+  --color-avatar-fallback: #e5e7eb;
+  --radius: 0.0;
+  --padding-menu: 0.0rem;
+  z-index: 1000;
+}
+
+actor-typeahead::part(handle) {
+  color: #111827;
+}
+
+actor-typeahead::part(menu) {
+  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+}
+
+@media (prefers-color-scheme: dark) {
+  actor-typeahead {
+    --color-background: #1f2937;
+    --color-border: #4b5563;
+    --color-shadow: #000000;
+    --color-hover: #374151;
+    --color-avatar-fallback: #4b5563;
+  }
+
+  actor-typeahead::part(handle) {
+    color: #f9fafb;
+  }
+}
diff --git a/nix/pkgs/appview-static-files.nix b/nix/pkgs/appview-static-files.nix
index 72c8c674..623c4825 100644
--- a/nix/pkgs/appview-static-files.nix
+++ b/nix/pkgs/appview-static-files.nix
@@ -5,6 +5,7 @@
   lucide-src,
   inter-fonts-src,
   ibm-plex-mono-src,
+  actor-typeahead-src,
   sqlite-lib,
   tailwindcss,
   src,
@@ -24,6 +25,7 @@ runCommandLocal "appview-static-files" {
   cp -f ${inter-fonts-src}/web/InterDisplay*.woff2 fonts/
   cp -f ${inter-fonts-src}/InterVariable*.ttf fonts/
   cp -f ${ibm-plex-mono-src}/fonts/complete/woff2/IBMPlexMono*.woff2 fonts/
+  cp -f ${actor-typeahead-src}/actor-typeahead.js .
   # tailwindcss -c $src/tailwind.config.js -i $src/input.css -o tw.css won't work
   # for whatever reason (produces broken css), so we are doing this instead
   cd ${src} && ${tailwindcss}/bin/tailwindcss -i input.css -o $out/tw.css
-- 
2.43.0