From 85970a0ca058d7629dd85fa3688804f45355dd50 Mon Sep 17 00:00:00 2001
From: Shade4827 <shade4827@gmail.com>
Date: Sun, 8 Mar 2026 10:24:26 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=E4=B8=80=E5=BA=A6=E3=81=AB=E8=A4=87?=
 =?UTF-8?q?=E6=95=B0=E3=81=AE=E8=A8=88=E7=95=A5=E3=82=AB=E3=83=BC=E3=83=89?=
 =?UTF-8?q?=E3=82=92=E5=8F=96=E5=BE=97=E3=81=A7=E3=81=8D=E3=82=8B=E3=82=88?=
 =?UTF-8?q?=E3=81=86=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 60 +++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 56 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 537b1bc..0e10fe1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,15 @@
 <template>
   <main>
     <div class="button-bar">
+      <input
+        type="number"
+        min="1"
+        step="1"
+        v-model="pickCardNum"
+      >
+      </input>
       <button
-        @click="pickScheme"
+        @click="pickSchemes"
         :disabled="!schemes"
       >
         Pick
@@ -53,6 +60,33 @@
           <p>Loading...</p>
         </div>
       </div>
+
+      <div>
+        <p>Picked Schemes:</p>
+        <div class="scrollable-list">
+          <ul>
+            <li
+              v-for="(s, i) in pickSchemeList"
+              :key="i"
+              class="image-container"
+            >
+              <img
+                :src="s.image_uris.normal"
+                alt="Picked Scheme Card"
+                @click="openModal(s.image_uris.large)"
+              />
+              <button
+                class="zoom-button"
+                @click.stop="openModal(s.image_uris.large)"
+                title="Zoom"
+              >
+                🔍
+              </button>
+            </li>
+          </ul>
+        </div>
+      </div>
+
       <div class="right-panel">
         <p>Ongoing Schemes:</p>
         <div class="scrollable-list">
@@ -126,6 +160,8 @@ const index = ref<number>(-1)
 const ongoingSchemes = ref<Scheme[]>([])
 const modalOpen = ref<boolean>(false)
 const modalImageSrc = ref<string>('')
+const pickCardNum = ref<number>(1)
+const pickSchemeList = ref<Scheme[]>([])
 
 interface QueryOptions {
   japaneseOnly: boolean
@@ -165,14 +201,30 @@ onMounted(async () => {
   await fetchScheme()
 })
 
-const pickScheme = () => {
-  if (schemes.value && index.value !== null) {
-    if (schemes.value[index.value]?.type_line === 'Ongoing Scheme' || schemes.value[index.value]?.type_line === '持続計略') {
+const pickSchemes = () => {
+  if (!schemes.value || schemes.value.length === 0) {
+    return
+  }
+  pickSchemeList.value = []
+
+  const count = Math.max(1, Math.floor(pickCardNum.value || 1))
+  for (let i = 0; i < count; i++) {
+    console.log(`Picking scheme ${i + 1} of ${count}...`)
+    if (
+      index.value >= 0 &&
+      (schemes.value[index.value]?.type_line === 'Ongoing Scheme' || schemes.value[index.value]?.type_line === '持続計略')
+    ) {
       schemes.value.splice(index.value, 1)
       index.value = index.value >= schemes.value.length ? -1 : index.value - 1
     }
 
+    if (!schemes.value || schemes.value.length === 0) {
+      index.value = -1
+      break
+    }
+
     index.value = (index.value + 1) % schemes.value.length
+    pickSchemeList.value.push(schemes.value[index.value] as Scheme)
 
     if (schemes.value[index.value]?.type_line === 'Ongoing Scheme' || schemes.value[index.value]?.type_line === '持続計略') {
       ongoingSchemes.value.push(schemes.value[index.value] as Scheme)

From 9c1b71454ba9820a3d3ed2b39e2101ced003ad46 Mon Sep 17 00:00:00 2001
From: Shade4827 <shade4827@gmail.com>
Date: Sun, 8 Mar 2026 10:26:39 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB?=
 =?UTF-8?q?=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 0e10fe1..ea1e94c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -61,7 +61,7 @@
         </div>
       </div>
 
-      <div>
+      <div class="right-panel">
         <p>Picked Schemes:</p>
         <div class="scrollable-list">
           <ul>

From f60fd51040c24a0ecb2507e940bff35559e16061 Mon Sep 17 00:00:00 2001
From: Shade4827 <shade4827@gmail.com>
Date: Sun, 8 Mar 2026 10:27:13 +0900
Subject: [PATCH 3/3] lint fix

---
 src/App.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ea1e94c..b3155bc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,7 @@
         min="1"
         step="1"
         v-model="pickCardNum"
-      >
-      </input>
+      />
       <button
         @click="pickSchemes"
         :disabled="!schemes"