chore(webapp): address review nitpicks

Align size-[1.125rem] with the 4.5 spacing token, use a range for the
tailwindcss version, document the intentional ::-moz-selection duplicate,
and share the glow gradient stop list via a custom property.

Author: kathiekiwi

apps/webapp/app/components/runs/v3/TaskTriggerSource.tsx

@@ -13,13 +13,13 @@ export function TaskTriggerSourceIcon({
 }) {
   switch (source) {
     case "STANDARD": {
-      return <TaskIconSmall className={cn("size-[1.125rem] min-w-4.5 text-tasks", className)} />;
+      return <TaskIconSmall className={cn("size-4.5 min-w-4.5 text-tasks", className)} />;
     }
     case "SCHEDULED": {
-      return <ClockIcon className={cn("size-[1.125rem] min-w-4.5 text-schedules", className)} />;
+      return <ClockIcon className={cn("size-4.5 min-w-4.5 text-schedules", className)} />;
     }
     case "AGENT": {
-      return <CubeSparkleIcon className={cn("size-[1.125rem] min-w-4.5 text-agents", className)} />;
+      return <CubeSparkleIcon className={cn("size-4.5 min-w-4.5 text-agents", className)} />;
     }
   }
 }

apps/webapp/app/tailwind.css

@@ -351,6 +351,13 @@
   scrollbar-gutter: stable;
 }
 
+/* Shared stop list for the animated glow utilities below. The gradient itself
+   is assembled per-element so the animated --gradient-angle resolves there. */
+:root {
+  --glow-gradient-stops: rgb(99 102 241), rgb(245 158 11), rgb(236 72 153), rgb(245 158 11),
+    rgb(99 102 241);
+}
+
 @utility animated-gradient-glow {
   position: relative;
   overflow: visible;
@@ -360,14 +367,7 @@
     position: absolute;
     inset: -8px;
     z-index: -1;
-    background: conic-gradient(
-      from var(--gradient-angle),
-      rgb(99 102 241),
-      rgb(245 158 11),
-      rgb(236 72 153),
-      rgb(245 158 11),
-      rgb(99 102 241)
-    );
+    background: conic-gradient(from var(--gradient-angle), var(--glow-gradient-stops));
     border-radius: inherit;
     animation: gradient-rotation 3s linear infinite;
     pointer-events: none;
@@ -385,14 +385,7 @@
     position: absolute;
     inset: -1px;
     z-index: -1;
-    background: conic-gradient(
-      from var(--gradient-angle),
-      rgb(99 102 241),
-      rgb(245 158 11),
-      rgb(236 72 153),
-      rgb(245 158 11),
-      rgb(99 102 241)
-    );
+    background: conic-gradient(from var(--gradient-angle), var(--glow-gradient-stops));
     border-radius: inherit;
     animation: gradient-rotation 3s linear infinite;
     pointer-events: none;
@@ -435,6 +428,9 @@
   ::selection {
     @apply bg-text-bright/30 text-text-bright;
   }
+  /* Kept separate from ::selection on purpose: grouping them makes older
+     Firefox drop the whole rule. */
+  /* stylelint-disable-next-line selector-no-vendor-prefix */
   ::-moz-selection {
     @apply bg-text-bright/30 text-text-bright;
   }

apps/webapp/package.json

@@ -288,7 +288,7 @@
     "style-loader": "^3.3.4",
     "supertest": "^7.0.0",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "4.3.1",
+    "tailwindcss": "^4.3.1",
     "tsconfig-paths": "^3.14.1",
     "tsx": "^4.20.6",
     "vite-tsconfig-paths": "^4.0.5"