feat: integrate learning module

src/styles/globals.css

@@ -292,6 +292,44 @@
   box-shadow: 0 0 0 3px hsl(var(--brand) / 0.12);
 }
 
+/* Adapted from the Uiverse loader at
+ * https://uiverse.io/fanishah/wicked-wasp-20. Keep the animated loader
+ * inside the existing stop button so the waiting state remains cancellable. */
+.agent-response-loader {
+  display: block;
+  width: 1.25rem;
+  height: 1.25rem;
+  overflow: visible;
+}
+
+.agent-response-loader__ring {
+  fill: none;
+  stroke-linecap: round;
+  stroke-width: 13;
+}
+
+.agent-response-loader__ring--shadow {
+  opacity: 0.3;
+}
+
+.agent-response-loader__ring--slow {
+  animation: agent-response-loader-dash 10s linear infinite;
+}
+
+.agent-response-loader__ring--fast {
+  animation: agent-response-loader-dash 3s linear infinite;
+}
+
+@keyframes agent-response-loader-dash {
+  from {
+    stroke-dashoffset: 0;
+  }
+
+  to {
+    stroke-dashoffset: -403px;
+  }
+}
+
 .motion-press {
   transition-property: background-color, border-color, color, box-shadow, opacity, transform;
   transition-duration: 220ms;
@@ -403,6 +441,11 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .agent-response-loader__ring--slow,
+  .agent-response-loader__ring--fast {
+    animation: none;
+  }
+
   .agent-switch-card {
     transition-duration: 0ms;
   }