@parhelia/core 0.4.12800 → 0.4.12825

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parhelia/core",
-  "version": "0.4.12800",
+  "version": "0.4.12825",
   "publishConfig": {
     "access": "public"
   },

package/styles.css

@@ -77,9 +77,9 @@ body {
   .taskboard-wizard-communication-card:has(
     [data-testid="taskboard-wizard-agent-chat-tab"][aria-selected="true"]
   ) {
-    align-self: stretch;
-    height: 100%;
-    max-height: 100%;
+    align-self: start;
+    height: calc(100vh - 7rem);
+    max-height: calc(100vh - 7rem);
   }
 }
 
@@ -605,6 +605,60 @@ body {
       --saved-bar-alpha: 0;
     }
   }
+
+  /* Running field action (AI image generation, field actions): the Parhelia
+     swirl in white on a black tile, centred on the field, drawing itself. The path has pathLength="1", so a dash of length 1 offset from 1
+     to 0 traces the outline; the fill then fades in, holds, and the whole
+     mark fades out before the loop restarts (at 0% nothing is visible, so
+     the opacity jump at the seam is not). No tint over the field. Decorative
+     only, pointer-events: none; the `executing-action` class stays as the
+     hook the e2e tests wait on. */
+  .field-action-tile {
+    background-color: var(--color-neutral-grey-100);
+    border-radius: 22%;
+  }
+
+  .field-action-mark-path {
+    fill: var(--color-white);
+    fill-opacity: 0;
+    stroke: var(--color-white);
+    stroke-width: 2.5;
+    stroke-linejoin: round;
+    stroke-dasharray: 1;
+    stroke-dashoffset: 1;
+    animation: field-action-draw 3.2s ease-in-out infinite;
+  }
+
+  @keyframes field-action-draw {
+    0% {
+      stroke-dashoffset: 1;
+      fill-opacity: 0;
+      opacity: 1;
+    }
+    50% {
+      stroke-dashoffset: 0;
+      fill-opacity: 0;
+    }
+    65% {
+      fill-opacity: 1;
+    }
+    86% {
+      opacity: 1;
+    }
+    100% {
+      stroke-dashoffset: 0;
+      fill-opacity: 1;
+      opacity: 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .field-action-mark-path {
+      animation: none;
+      fill-opacity: 1;
+      stroke-dashoffset: 0;
+    }
+  }
 }
 
 @layer base {