appview: add @jakelazaroff.com/actor-typeahead as a dependency

Signed-off-by: oppiliappan <[e-mail]>

flake.lock

···
 {
   "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": {
···
     },
     "root": {
       "inputs": {
+        "actor-typeahead-src": "actor-typeahead-src",
         "flake-compat": "flake-compat",
         "gomod2nix": "gomod2nix",
         "htmx-src": "htmx-src",

flake.nix

···
       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;
···
     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"];
···
         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 {};

input.css

···
         details[data-callout] > summary::-webkit-details-marker {
             display: none;
         }
+
     }
     @layer utilities {
         .error {
···
         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;
+  }
+}

nix/pkgs/appview-static-files.nix

···
   lucide-src,
   inter-fonts-src,
   ibm-plex-mono-src,
+  actor-typeahead-src,
   sqlite-lib,
   tailwindcss,
   src,
···
   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