Workflow Artifact Info Hover (#37100)

Add expiry metadata to action artifacts in the run view and show it on hover.

---------

Signed-off-by: Nicolas <bircni@icloud.com>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: Claude (Opus 4.6) <noreply@anthropic.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

web_src/js/components/ActionRunArtifacts.ts

@@ -0,0 +1,25 @@
+import {html} from '../utils/html.ts';
+import {formatBytes} from '../utils.ts';
+import type {ActionsArtifact} from '../modules/gitea-actions.ts';
+
+export function buildArtifactTooltipHtml(artifact: ActionsArtifact, expiresAtLocale: string): string {
+  const sizeText = formatBytes(artifact.size);
+  if (artifact.expiresUnix <= 0) {
+    return html`<span class="flex-text-inline">${sizeText}</span>`; // use the same layout as below
+  }
+
+  // split so the <relative-time> element can be interleaved, e.g. "Expires at %s" -> ["Expires at ", ""]
+  const [prefix, suffix = ''] = expiresAtLocale.split('%s');
+  const datetime = new Date(artifact.expiresUnix * 1000).toISOString();
+  return html`
+    <span class="flex-text-inline">
+      <span>${prefix}</span>
+      <relative-time datetime="${datetime}" threshold="P0Y" prefix="" weekday="" year="numeric" month="short" hour="numeric" minute="2-digit">
+        ${datetime}
+      </relative-time>
+      <span>${suffix}</span>
+      <span class="inline-divider">,</span>
+      <span>${sizeText}</span>
+    </span>
+  `;
+}