feat(design): glass surfaces by role, the static Badge, LinkButton, user pickers on the Combobox (E28 S3d1)

frontend/src/components/PaletteLauncher.tsx

@@ -3,6 +3,8 @@ import { Command } from "lucide-react";
 
 import { SHORTCUTS, formatChord, openPalette } from "../lib/keymap";
 import { Pressable } from "./ui/Pressable";
+import clsx from "clsx";
+import { fieldClass } from "./ui/fieldStyles";
 
 // The visible way into the command palette (and, from there, the shortcut sheet). Ctrl/Cmd+K and
 // `h` had no entry point anywhere but a palette row — the one in-app pointer to the cheat sheet sat
@@ -50,7 +52,12 @@ export function PaletteLauncher() {
     <Pressable
       onClick={openPalette}
       title={t("palette.open")}
-      className="pointer-events-auto glass-menu flex h-11 items-center gap-2 rounded-2xl px-3 text-sm text-muted transition hover:text-fg"
+      // The search box's own frame (a 40 glass pill with the field edge): on a page without a search
+      // this is where the search would be, and it opens the same place.
+      className={clsx(
+        fieldClass({ size: "lg", pill: true, floating: true }),
+        "pointer-events-auto flex items-center gap-2 text-muted hover:text-fg",
+      )}
     >
       <Command className="h-4 w-4 shrink-0" aria-hidden="true" />
       <span>{t("palette.title")}</span>