From 190e2140b1f138749e1b5ba6e1c53076a4db3f8c Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 3 Dec 2025 17:44:01 -0800
Subject: [PATCH] artifact images: add square/wide variants

use artifact-square for thumbnails, artifact-wide for grid display.
defaults to square for backwards compat.
---
 src/lib/utils/images.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/lib/utils/images.ts b/src/lib/utils/images.ts
index 4da704ed..7102aea2 100644
--- a/src/lib/utils/images.ts
+++ b/src/lib/utils/images.ts
@@ -366,12 +366,19 @@ export function getElementIcon(element: number): string {
 
 // ===== Artifact Images =====
 
+export type ArtifactImageVariant = 'square' | 'wide'
+
 /**
  * Get artifact image URL
+ * @param variant - 'square' for thumbnails/icons, 'wide' for grid-sized display
  */
-export function getArtifactImage(granblueId: string | number | null | undefined): string {
+export function getArtifactImage(
+	granblueId: string | number | null | undefined,
+	variant: ArtifactImageVariant = 'square'
+): string {
 	if (!granblueId) return '/images/placeholders/placeholder-weapon-grid.png'
-	return `${getBasePath()}/artifacts/${granblueId}.png`
+	const directory = `artifact-${variant}`
+	return `${getBasePath()}/${directory}/${granblueId}.jpg`
 }
 
 // ===== Other Game Images =====