@necrolab/dashboard 0.4.56 → 0.4.58

package/README.md

@@ -1,4 +1,8 @@
-# 🎫 Necro Dashboard
+<div align="center">
+  <img src="./artwork/image.png" alt="Dashboard" width="400">
+</div>
+
+# 🎫 Dashboard
 
 A sophisticated PWA dashboard for managing ticket purchasing automation across multiple platforms. Built with Vue 3 and real-time WebSocket communication.
 
@@ -20,34 +24,32 @@ Visit `http://localhost:5173` and you're live.
 | `npm run build`  | Production build with PWA     |
 | `npm run lint`   | Code formatting               |
 
-**Frontend Stack**
+### 🧱 Frontend Stack
 
--   Vue 3 + Composition API
--   Pinia state management
--   TailwindCSS + SCSS
--   PWA with offline support
+- Vue 3 + Composition API
+- Pinia state management
+- TailwindCSS + SCSS
+- PWA with offline support
 
-**Backend Stack**
+### 🛠 Backend Stack
 
--   Express.js with WebSockets
--   MessagePack serialization for big socket messages
--   Real-time message batching
--   Platform abstraction layer
+- Express.js with WebSockets
+- MessagePack serialization
+- Real-time message batching
+- Platform abstraction layer
 
 ## 📱 PWA Support
 
-Built as a Progressive Web App with:
-
--   📲 Install to home screen
--   🔄 Background sync
--   📶 Offline functionality
--   🎨 Native app feel
+- 📲 Install to home screen
+- 🔄 Background sync
+- 📶 Offline functionality
+- 🎨 Native app feel
 
 ## 🛠️ Development
 
-The app runs in mock mode by default for development. Backend simulates bot operations while frontend provides full UI functionality.
+Runs in mock mode by default. Backend simulates bot operations; frontend provides full UI functionality.
 
-**File Structure**
+### 🗂️ File Structure
 
 ```
 src/
@@ -61,5 +63,3 @@ backend/
 ├─ mock-data.js    # Development data
 └─ endpoints.js    # API route definitions
 ```
-
----

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.56",
+    "version": "0.4.58",
     "type": "module",
     "scripts": {
         "build": "rm -rf dist && npx workbox-cli generateSW workbox-config.cjs && vite build",
@@ -15,7 +15,7 @@
     "dependencies": {
         "@faker-js/faker": "^7.6.0",
         "@msgpack/msgpack": "^3.0.0-beta2",
-        "@necrolab/tm-renderer": "^0.1.11",
+        "@necrolab/tm-renderer": "^0.1.12",
         "@vitejs/plugin-vue": "^5.2.1",
         "@vueuse/core": "^11.3.0",
         "autoprefixer": "^10.4.21",

package/src/components/Tasks/CreateTaskAXS.vue

@@ -251,7 +251,7 @@ const baseTask = ref({
 const task = ref(ui.modalData[`task_${ui.currentCountry.siteId}`] || baseTask);
 
 function createTask() {
-    ui.logger.Info("Created new task", task.value);
+    ui.logger.Info("Created new task", task.value.taskId);
     const eventIds = task.value.eventId.split(",").map((t) => t.trim());
     const presaleCodes = task.value.presaleCode ? task.value.presaleCode.split(",").map((t) => t.trim()) : [undefined];
     eventIds.forEach((eventId) => {

package/src/components/Tasks/CreateTaskTM.vue

@@ -380,7 +380,7 @@ baseTask.value.loginAfterCart = isEU(ui.currentCountry.siteId);
 const task = ref(ui.modalData[`task_${ui.currentCountry.siteId}`] || baseTask);
 
 function createTask() {
-    ui.logger.Info("Created new task", task.value);
+    ui.logger.Info("Created new task", task.value.taskId);
     const eventIds = task.value.eventId.split(",").map((t) => t.trim());
     const presaleCodes = task.value.presaleCode ? task.value.presaleCode.split(",").map((t) => t.trim()) : [undefined];
     eventIds.forEach((eventId) => {

package/src/components/Tasks/Task.vue

@@ -504,7 +504,7 @@ const openInBrowser = (debug) => {
     if (!props.task.openerLink) return;
     ui.showSuccess(`Opening in browser ${debug ? "(debug)" : ""}`);
     const input = props.task.openerLink;
-    const data = JSON.parse(atob(input.split("://")[1]));
+    const data = JSON.parse(atob(input.split("://").pop()));
     data.config.debug = debug;
     const out = "necro://" + btoa(JSON.stringify(data));
     openInNewTab(out);

package/src/registerServiceWorker.js

@@ -2,7 +2,7 @@
 
 import { register } from "register-service-worker";
 
-if (process.env.NODE_ENV === "production") {
+if (process.env.NODE_ENV != "development") {
     register(`/sw.js`, {
         ready() {
             console.log(

package/src/stores/ui.js

@@ -546,8 +546,7 @@ export const useUIStore = defineStore("ui", () => {
         // Event
         currentEvent,
         setCurrentEvent: (event) => {
-            console.log(event);
-            logger.Info("Setting current event", event);
+            if (event) logger.Info("Setting current event to:", event);
             currentEvent.value = event?.match(/\s\((.*?)\)$/)?.[1] || "";
             localStorage.setItem("current-event", currentEvent.value);
             refreshQueueStats();

package/src/stores/utils.js

@@ -398,7 +398,7 @@ const parseTmEventUrl = (url) => {
     };
 };
 
-const isEU = (siteId) => !["US", "AU", "UK", "LN", "CA", "NZ", "IE"].includes(siteId.replaceAll("TM_", ""));
+const isEU = (siteId) => !["US", "AU", "UK", "CA", "NZ", "IE"].includes(siteId.split("_")?.[1] || siteId);
 
 const removeDuplicates = (arr) => [...new Set(arr)];
 

package/src/views/Console.vue

@@ -1,15 +1,15 @@
 <template>
     <div>
-        <h4 class="text-white font-bold mb-2 pt-5 flex gap-2 text-sm items-center lg:mt-1">
+        <h4 class="mb-2 flex items-center gap-2 pt-5 text-sm font-bold text-white lg:mt-1">
             Console
             <ConsoleIcon />
         </h4>
 
         <div>
-            <div class="flex items-center justify-between mb-3">
+            <div class="mb-3 flex items-center justify-between">
                 <div class="w-64">
                     <Dropdown
-                        class="console-dropdown input-default w-64 bg-dark-500 border-2 border-dark-550"
+                        class="console-dropdown input-default w-64 border-2 border-dark-550 bg-dark-500"
                         rightAmount="right-2"
                         default="All logs"
                         :allowDefault="true"
@@ -23,45 +23,45 @@
                 </div>
                 <div class="flex items-center gap-3">
                     <!-- Hide Monitors and Auto buttons only on desktop -->
-                    <div class="hidden md:flex items-center gap-3">
-                        <button class="flex rounded gap-3 card-dark px-2 h-10 flex-center">
+                    <div class="hidden items-center gap-3 md:flex">
+                        <button class="card-dark flex-center flex h-10 gap-3 rounded px-2">
                             <h3 class="text-sm text-white">Hide Monitors</h3>
                             <Switch class="scale-75" v-model="filteredLogs" />
                         </button>
-                        <button class="flex rounded gap-3 card-dark px-2 h-10 flex-center relative">
+                        <button class="card-dark flex-center relative flex h-10 gap-3 rounded px-2">
                             <h3 class="text-sm text-white">Auto</h3>
                             <Switch class="scale-75" v-model="autoscrollToggled" @change="onAutoscrollToggle" />
                             <div
                                 v-if="userScrolledUp && autoscrollToggled"
-                                class="absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full animate-pulse"
+                                class="absolute -right-1 -top-1 h-2 w-2 animate-pulse rounded-full bg-yellow-500"
                                 title="Autoscroll paused - scroll to bottom to resume"></div>
                         </button>
                     </div>
                     <!-- Scroll buttons always visible -->
                     <button
-                        class="rounded card-dark w-10 h-10 flex-center hover:bg-dark-300 active:bg-dark-200 transition-colors duration-150"
+                        class="card-dark flex-center h-10 w-10 rounded transition-colors duration-150 hover:bg-dark-300 active:bg-dark-200"
                         @mousedown="startScrolling('up')"
                         @mouseup="stopScrolling"
                         @mouseleave="stopScrolling"
                         @touchstart="startScrolling('up')"
                         @touchend="stopScrolling">
-                        <UpIcon class="w-5 h-5 pointer-events-none" />
+                        <UpIcon class="pointer-events-none h-5 w-5" />
                     </button>
                     <button
-                        class="rounded card-dark w-10 h-10 flex-center hover:bg-dark-300 active:bg-dark-200 transition-colors duration-150"
+                        class="card-dark flex-center h-10 w-10 rounded transition-colors duration-150 hover:bg-dark-300 active:bg-dark-200"
                         @mousedown="startScrolling('down')"
                         @mouseup="stopScrolling"
                         @mouseleave="stopScrolling"
                         @touchstart="startScrolling('down')"
                         @touchend="stopScrolling">
-                        <DownIcon class="w-5 h-5 pointer-events-none" />
+                        <DownIcon class="pointer-events-none h-5 w-5" />
                     </button>
                 </div>
             </div>
 
             <Smoothie
                 :weight="0.2"
-                class="console overflow-y-auto overflow-x-hidden font-mono text-white scrollable smooth-scroll"
+                class="console scrollable smooth-scroll overflow-y-auto overflow-x-hidden font-mono text-white"
                 style="min-height: 12rem !important"
                 ref="$autoscroll"
                 @wheel.stop
@@ -74,10 +74,10 @@
                             : logLines.filter((l) => (filteredLogs ? !['-DISCORD'].some((s) => l.includes(s)) : true))
                         ).length === 0
                     "
-                    class="flex flex-col items-center justify-center h-full empty-state text-center">
-                    <ConsoleIcon class="w-12 h-12 text-dark-400 mb-3 opacity-50" />
-                    <p class="text-light-400 text-sm">No logs yet</p>
-                    <p class="text-light-500 text-xs mt-1">Logs will appear here in real time</p>
+                    class="empty-state flex h-full flex-col items-center justify-center text-center">
+                    <ConsoleIcon class="mb-3 h-12 w-12 text-dark-400 opacity-50" />
+                    <p class="text-sm text-light-400">No logs yet</p>
+                    <p class="mt-1 text-xs text-light-500">Logs will appear here in real time</p>
                 </div>
                 <pre
                     v-else
@@ -88,17 +88,17 @@
                     v-bind:key="`log-${index}`"
                     :style="{ '--index': index }"><code class="md:text-sm lg:text-base" v-html="line"></code></pre>
             </Smoothie>
-            <div class="flex md:hidden justify-between mt-3">
-                <button class="flex rounded gap-3 card-dark px-2 h-10 flex-center">
+            <div class="mt-3 flex justify-between md:hidden">
+                <button class="card-dark flex-center flex h-10 gap-3 rounded px-2">
                     <h3 class="text-sm text-white">Hide Monitors</h3>
                     <Switch class="scale-75" v-model="filteredLogs" />
                 </button>
-                <button class="flex rounded gap-3 card-dark px-2 h-10 flex-center relative">
+                <button class="card-dark flex-center relative flex h-10 gap-3 rounded px-2">
                     <h3 class="text-sm text-white">Auto</h3>
                     <Switch class="scale-75" v-model="autoscrollToggled" @change="onAutoscrollToggle" />
                     <div
                         v-if="userScrolledUp && autoscrollToggled"
-                        class="absolute -top-1 -right-1 w-2 h-2 bg-yellow-500 rounded-full animate-pulse"
+                        class="absolute -right-1 -top-1 h-2 w-2 animate-pulse rounded-full bg-yellow-500"
                         title="Autoscroll paused - scroll to bottom to resume"></div>
                 </button>
             </div>
@@ -107,7 +107,7 @@
 </template>
 <style lang="scss" scoped>
 .console {
-    @apply bg-dark-400 lg:p-5 p-2 rounded relative border-dark-550 border-2;
+    @apply relative rounded border-2 border-dark-550 bg-dark-400 p-2 lg:p-5;
     height: calc(100vh - 14rem);
 
     // Enable scrollbars for console
@@ -169,13 +169,20 @@
     // Empty state styling
     .empty-state {
         min-height: 14rem;
-        font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+        font-family:
+            "Inter",
+            -apple-system,
+            BlinkMacSystemFont,
+            "Segoe UI",
+            Helvetica,
+            Arial,
+            sans-serif;
     }
 
     textarea {
         background: transparent;
         resize: none;
-        @apply w-full focus:outline-none text-white;
+        @apply w-full text-white focus:outline-none;
     }
 }
 

package/src/views/FilterBuilder.vue

@@ -1,50 +1,50 @@
 <template>
-    <div class="filter-builder-container w-full min-h-0 flex flex-col overflow-hidden">
+    <div class="filter-builder-container flex min-h-0 w-full flex-col overflow-hidden">
         <!-- Heading -->
-        <div class="flex-between pt-4 pb-1 mt-1">
+        <div class="flex-between mt-1 pb-1 pt-4">
             <div class="flex-center gap-4">
-                <FilterIcon class="cursor-pointer smooth-hover text-white" />
+                <FilterIcon class="smooth-hover cursor-pointer text-white" />
                 <h4 class="text-heading">Filter creator</h4>
             </div>
             <div class="flex items-center">
                 <input
-                    class="h-10 text-white text-sm p-2 bg-dark-500 w-48 flex items-center rounded-l rounded-r-none relative border-2 border-dark-550"
+                    class="relative flex h-10 w-48 items-center rounded-l rounded-r-none border-2 border-dark-550 bg-dark-500 p-2 text-sm text-white"
                     placeholder="Event ID"
                     v-model="eventId" />
                 <button
-                    class="h-10 text-white text-sm px-3 bg-dark-400 flex items-center rounded-r relative font-medium border-2 border-dark-550 smooth-hover"
+                    class="smooth-hover relative flex h-10 items-center rounded-r border-2 border-dark-550 bg-dark-400 px-3 text-sm font-medium text-white"
                     @click="updateShownVenue">
                     Load
                 </button>
             </div>
         </div>
 
-        <div class="card-dark mb-2 p-3 overflow-hidden">
-            <div class="w-full h-full">
+        <div class="card-dark mb-2 overflow-hidden p-3">
+            <div class="h-full w-full">
                 <!-- Main -->
-                <div class="grid grid-cols-1 lg:grid-cols-5 gap-3 lg:gap-4 w-full h-full">
+                <div class="grid h-full w-full grid-cols-1 gap-3 lg:grid-cols-5 lg:gap-4">
                     <!-- Map -->
                     <div
-                        class="col-span-1 lg:col-span-3 w-full h-full rounded-lg relative flex flex-col lg:max-w-none lg:overflow-hidden">
-                        <div v-if="svg" class="flex items-center mb-1">
-                            <div class="flex items-center justify-between w-20 px-2 text-white font-black text-sm">
+                        class="relative col-span-1 flex h-full w-full flex-col rounded-lg lg:col-span-3 lg:max-w-none lg:overflow-hidden">
+                        <div v-if="svg" class="mb-1 flex items-center">
+                            <div class="flex w-20 items-center justify-between px-2 text-sm font-black text-white">
                                 <span class="cursor-pointer" @click="handleZoom(true)">+</span>
                                 <span class="cursor-pointer" @click="handleZoom(false)">-</span>
-                                <ReloadIcon class="cursor-pointer w-4 h-4" @click="handleZoom('r')" />
+                                <ReloadIcon class="h-4 w-4 cursor-pointer" @click="handleZoom('r')" />
                             </div>
                         </div>
-                        <div class="overflow-hidden selecto-wrapper flex-1">
+                        <div class="selecto-wrapper flex-1 overflow-hidden">
                             <div
                                 v-if="svg"
-                                class="h-full overflow-auto hidden-scrollbars p-2 rounded shadow border-2 border-dark-550 svg-container">
+                                class="hidden-scrollbars svg-container h-full overflow-auto rounded border-2 border-dark-550 p-2 shadow">
                                 <div class="svg-wrapper" id="svg-wrapper" v-html="svg"></div>
                             </div>
                             <div
                                 v-else
-                                class="h-full flex items-center justify-center p-2 rounded shadow border-2 border-dark-550 svg-container">
+                                class="svg-container flex h-full items-center justify-center rounded border-2 border-dark-550 p-2 shadow">
                                 <div class="text-center">
                                     <svg
-                                        class="w-12 h-12 mb-3 mx-auto opacity-50"
+                                        class="mx-auto mb-3 h-12 w-12 opacity-50"
                                         viewBox="0 0 19 19"
                                         fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
@@ -52,24 +52,24 @@
                                             d="M2.37499 5.54165V2.37498L5.54166 3.95831L2.37499 5.54165ZM14.25 5.54165V2.37498L17.4167 3.95831L14.25 5.54165ZM8.70833 4.74998V1.58331L11.875 3.16665L8.70833 4.74998ZM8.70833 17.4166C7.70555 17.3903 6.77218 17.3079 5.9082 17.1696C5.0437 17.0308 4.29162 16.8559 3.65195 16.6448C3.01176 16.4337 2.50694 16.1896 2.13749 15.9125C1.76805 15.6354 1.58333 15.3451 1.58333 15.0416V7.91665C1.58333 7.58678 1.79127 7.27988 2.20716 6.99594C2.62252 6.71252 3.18645 6.46183 3.89895 6.24385C4.61145 6.02641 5.4493 5.85488 6.4125 5.72927C7.37569 5.60419 8.40486 5.54165 9.49999 5.54165C10.5951 5.54165 11.6243 5.60419 12.5875 5.72927C13.5507 5.85488 14.3885 6.02641 15.101 6.24385C15.8135 6.46183 16.3775 6.71252 16.7928 6.99594C17.2087 7.27988 17.4167 7.58678 17.4167 7.91665V15.0416C17.4167 15.3451 17.2319 15.6354 16.8625 15.9125C16.493 16.1896 15.9885 16.4337 15.3488 16.6448C14.7086 16.8559 13.9565 17.0308 13.0926 17.1696C12.2281 17.3079 11.2944 17.3903 10.2917 17.4166V14.25H8.70833V17.4166ZM9.49999 8.70831C10.7799 8.70831 11.885 8.63231 12.8155 8.48031C13.7454 8.32884 14.4875 8.15415 15.0417 7.95623C15.0417 7.89026 14.5403 7.73509 13.5375 7.49073C12.5347 7.2469 11.1889 7.12498 9.49999 7.12498C7.81111 7.12498 6.46527 7.2469 5.46249 7.49073C4.45972 7.73509 3.95833 7.89026 3.95833 7.95623C4.51249 8.15415 5.25481 8.32884 6.18529 8.48031C7.11523 8.63231 8.22013 8.70831 9.49999 8.70831ZM7.12499 15.7146V12.6666H11.875V15.7146C12.9305 15.609 13.7948 15.4538 14.4677 15.2491C15.1406 15.0448 15.5958 14.8635 15.8333 14.7052V9.34165C15.1076 9.63192 14.1972 9.86283 13.1021 10.0344C12.0069 10.2059 10.8062 10.2916 9.49999 10.2916C8.19374 10.2916 6.99305 10.2059 5.89791 10.0344C4.80277 9.86283 3.89236 9.63192 3.16666 9.34165V14.7052C3.40416 14.8635 3.85937 15.0448 4.53229 15.2491C5.2052 15.4538 6.06944 15.609 7.12499 15.7146Z"
                                             fill="#F5F5F5" />
                                     </svg>
-                                    <p class="text-light-400 text-sm">No Map</p>
-                                    <p class="text-light-500 text-xs">
+                                    <p class="text-sm text-light-400">No Map</p>
+                                    <p class="text-xs text-light-500">
                                         Enter an event ID and click "Load" to display the venue map
                                     </p>
                                 </div>
                             </div>
                         </div>
                     </div>
-                    <div class="col-span-1 lg:col-span-2 w-full flex flex-col h-full">
-                        <div class="flex justify-between mb-2 items-center text-white">
-                            <div class="rounded flex gap-2 items-center" v-if="hasLoaded">
+                    <div class="col-span-1 flex h-full w-full flex-col lg:col-span-2">
+                        <div class="mb-2 flex items-center justify-between text-white">
+                            <div class="flex items-center gap-2 rounded" v-if="hasLoaded">
                                 <PriceSortToggle
                                     :current="filterBuilder.globalFilter.priceSort"
                                     class="smooth-hover"
                                     @change="(e) => filterBuilder.updateGlobalFilter({ priceSort: e })" />
                             </div>
                             <div class="flex items-center gap-1" v-if="hasLoaded">
-                                <SavingsIcon class="w-4 h-4 text-light-400" />
+                                <SavingsIcon class="h-4 w-4 text-light-400" />
                                 <label class="text-sm text-light-400">Max Price:</label>
                                 <input
                                     type="number"
@@ -80,34 +80,34 @@
                                                 maxPrice: parseInt(e.target.value || 0)
                                             })
                                     "
-                                    class="w-14 bg-dark-500 border-2 border-dark-550 px-1 pl-2 h-8 rounded"
+                                    class="h-8 w-14 rounded border-2 border-dark-550 bg-dark-500 px-1 pl-2"
                                     placeholder="max" />
                             </div>
                         </div>
-                        <Table class="border-2 border-dark-550 shadow-xl flex-1 flex flex-col">
+                        <Table class="flex flex-1 flex-col border-2 border-dark-550 shadow-xl">
                             <Header class="flex-shrink-0">
-                                <div class="flex items-center font-bold gap-2 justify-between w-full">
+                                <div class="flex w-full items-center justify-between gap-2 font-bold">
                                     <div class="flex items-center gap-2">
                                         <span class="text-base">Filters</span>
                                         <span class="text-base text-light-300">{{ filterBuilder.filters.length }}</span>
                                     </div>
-                                    <div class="flex gap-2 items-center">
+                                    <div class="flex items-center gap-2">
                                         <PriceSortToggle
-                                            class="w-14 smooth-hover"
+                                            class="smooth-hover w-14"
                                             :options="['All', 'WL', 'BL']"
                                             @change="(e) => (shownFilters = e)" />
                                         <button class="header-btn save-btn" @click="saveFilter">
-                                            <EditIcon class="w-4 h-4" />
-                                            <span class="lg:block hidden">Save</span>
+                                            <EditIcon class="h-4 w-4" />
+                                            <span class="hidden lg:block">Save</span>
                                         </button>
                                         <button class="header-btn clear-btn" @click="filterBuilder.reset(false)">
-                                            <TrashIcon class="w-4 h-4" />
-                                            <span class="lg:block hidden">Clear</span>
+                                            <TrashIcon class="h-4 w-4" />
+                                            <span class="hidden lg:block">Clear</span>
                                         </button>
                                     </div>
                                 </div>
                             </Header>
-                            <div class="bg-dark-400 overflow-auto hidden-scrollbars flex-1">
+                            <div class="hidden-scrollbars flex-1 overflow-auto bg-dark-400">
                                 <div v-if="filterBuilder.filters.length" class="filters-container">
                                     <draggable
                                         :list="filterBuilder.filters"
@@ -138,29 +138,29 @@
                                 <div
                                     v-else
                                     class="empty-state flex flex-col items-center justify-center py-8 text-center">
-                                    <FilterIcon class="w-12 h-12 text-dark-400 mb-3 opacity-50" />
-                                    <p class="text-light-400 text-sm">No filters yet</p>
-                                    <p class="text-light-500 text-xs mt-1">Click on the map to create filters</p>
+                                    <FilterIcon class="mb-3 h-12 w-12 text-dark-400 opacity-50" />
+                                    <p class="text-sm text-light-400">No filters yet</p>
+                                    <p class="mt-1 text-xs text-light-500">Click on the map to create filters</p>
                                 </div>
                             </div>
                         </Table>
-                        <div class="flex items-center justify-between text-white gap-2 mt-1 mb-2 md:mb-0 flex-shrink-0">
+                        <div class="mb-2 mt-1 flex flex-shrink-0 items-center justify-between gap-2 text-white md:mb-0">
                             <button
                                 @click="addWildcardFilter"
                                 :disabled="hasWildcardFilter"
                                 :class="[
-                                    'border-2 rounded border-dark-550 px-2 h-7 text-xs bg-dark-500 overflow-hidden shadow transition-all duration-200',
+                                    'h-7 overflow-hidden rounded border-2 border-dark-550 bg-dark-500 px-2 text-xs shadow transition-all duration-200',
                                     hasWildcardFilter
-                                        ? 'text-gray opacity-50 cursor-not-allowed'
-                                        : 'text-gray smooth-hover hover:bg-dark-400 hover:border-light-300'
+                                        ? 'text-gray cursor-not-allowed opacity-50'
+                                        : 'text-gray smooth-hover hover:border-light-300 hover:bg-dark-400'
                                 ]"
                                 :title="hasWildcardFilter ? 'Wildcard filter already exists' : 'Add wildcard filter'">
                                 * Wildcard
                             </button>
                             <button
                                 @click="ui.toggleModal('preview-filter')"
-                                class="border-2 gap-1 flex justify-between items-center rounded border-dark-550 px-2 h-7 text-gray text-xs bg-dark-500 overflow-hidden shadow smooth-hover">
-                                <CameraIcon class="w-3 h-3" />
+                                class="text-gray smooth-hover flex h-7 items-center justify-between gap-1 overflow-hidden rounded border-2 border-dark-550 bg-dark-500 px-2 text-xs shadow">
+                                <CameraIcon class="h-3 w-3" />
                                 JSON
                             </button>
                         </div>
@@ -491,12 +491,16 @@ const updateShownVenue = async () => {
         return;
     }
 
-    renderer = rendererFactory.createRenderer(eventId.value, "", country);
-    filterBuilder.value.highlightedSeatColor = renderer.c.highlightedSeatColor;
-    renderer.c.logFullError = true;
-    renderer.c.includeDetailedAttributes = true;
-    renderer.c.renderRowBlocks = true;
-    //renderer.setUrlProxy("/api/cors?url=");
+    renderer = rendererFactory.createRenderer(eventId.value, {
+        proxy: "",
+        country: country
+    });
+    filterBuilder.value.highlightedSeatColor = renderer.config.highlightedSeatColor;
+    renderer.setCustomConfig({
+        logFullError: true,
+        includeDetailedAttributes: true,
+        renderRowBlocks: true
+    });
 
     try {
         await renderer.render();
@@ -647,12 +651,12 @@ watch(renderSeats, async () => {
 }
 
 .sortable-drag {
-    @apply shadow-xl transform rotate-1 scale-105 z-50;
+    @apply z-50 rotate-1 scale-105 transform shadow-xl;
 }
 
 /* Header button styling */
 .header-btn {
-    @apply flex items-center gap-2 px-3 py-2 border rounded-md font-medium text-sm transition-all duration-200 hover:scale-105;
+    @apply flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium transition-all duration-200 hover:scale-105;
 }
 
 .save-btn {

package/src/views/Tasks.vue

@@ -209,7 +209,7 @@ const uniqEventIds = computed(() => {
   const ids = [
     ...new Set(
       Object.values(ui.tasks)
-        .filter((t) => t.siteId === ui.currentCountry.siteId && !t.eventId.includes("@"))
+        .filter((t) => t.siteId === ui.currentCountry.siteId && !t.eventId?.includes("@"))
         .map((v) => `${v.eventName} (${v.eventId})`)
     ),
   ];

package/switch-branch.sh

@@ -0,0 +1,41 @@
+#!/bin/bash
+
+# USAGE: ./git-force-switch.sh target-branch-name
+
+set -e
+
+TARGET_BRANCH="$1"
+
+if [ -z "$TARGET_BRANCH" ]; then
+  echo "❌ Usage: $0 <branch-name>"
+  exit 1
+fi
+
+echo "🔧 Forcing checkout to '$TARGET_BRANCH'..."
+
+# Step 1: Make sure Git respects case differences
+git config core.ignoreCase false
+
+# Step 2: Try checkout to see if it fails and capture errors
+ERROR_OUTPUT=$(git checkout "$TARGET_BRANCH" 2>&1) || true
+
+# Step 3: Check if it failed due to untracked files
+if echo "$ERROR_OUTPUT" | grep -q "would be overwritten by checkout"; then
+  echo "⚠️ Conflicting untracked files detected. Cleaning them up..."
+
+  # Extract file paths and delete them
+  echo "$ERROR_OUTPUT" |
+    grep "^\s" |
+    sed 's/^[ \t]*//' |
+    while read -r FILE; do
+      if [ -f "$FILE" ] || [ -d "$FILE" ]; then
+        echo "🗑️ Removing $FILE"
+        rm -rf "$FILE"
+      fi
+    done
+
+  echo "🔁 Retrying checkout..."
+  git checkout "$TARGET_BRANCH"
+else
+  echo "✅ Switched to $TARGET_BRANCH successfully."
+fi

package/.claude/settings.local.json

@@ -1,60 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npm run lint)",
-      "Bash(find:*)",
-      "Bash(ls:*)",
-      "Bash(grep:*)",
-      "Bash(npm run build:*)",
-      "Bash(npm view:*)",
-      "Bash(npm run dev:*)",
-      "Bash(sudo rm:*)",
-      "Bash(rm:*)",
-      "Bash(rg:*)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"const DEBUG\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/views/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"border-2 border-dark-550\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"bg-dark-500\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"flex items-center justify-center\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"col-span.*flex.*items-center.*justify-center\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"button.*flex.*items-center.*justify-center.*gap\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"import.*useUIStore\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"const.*ref\\(\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"button-default.*bg-dark-400.*w-48.*text-xs.*flex.*items-center.*justify-center.*gap-x-2\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"const DEBUG.*window\\.location\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -A5 -B5 \"input-incrementer\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/components/Tasks/CreateTaskTM.vue)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -A2 -B2 \"label-override\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/assets/css/main.scss)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"MultiDropdown\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"ant-select.*multiple\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"multiple.*true\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"a-select\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"Select\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -A5 -B5 \"mode.*multiple\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/components/Tasks/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -A10 -B5 \"a-select\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/components/Tasks/CreateTaskTM.vue)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"CountryChooser\\|currentCountry\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/views/Tasks.vue)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"currentModule\\|CountryChooser\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/components/ui/Navbar.vue)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -l \"CountryChooser\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/)",
-      "Bash(/opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/vendor/ripgrep/arm64-darwin/rg -n \"bg-dark-400.*button\\|button.*bg-dark-400\" /Users/luca/Documents/GitHub/Necro/Dashboard/src/views/Tasks.vue)",
-      "Bash(npm install:*)",
-      "Bash(sudo chown:*)",
-      "Bash(sudo npm install:*)",
-      "Bash(node:*)",
-      "Bash(git checkout:*)",
-      "Bash(npx vue-tsc:*)",
-      "Bash(npx vite build:*)",
-      "Bash(npx eslint:*)",
-      "Bash(cp:*)",
-      "Bash(sed:*)",
-      "Bash(true)",
-      "Bash(./run build)",
-      "Bash(mv:*)",
-      "Bash(chown:*)",
-      "Bash(chmod:*)",
-      "Bash(timeout 10s npm run dev)",
-      "Bash(gtimeout:*)",
-      "Bash(echo $SHELL)",
-      "Bash(mkdir:*)",
-      "Bash(base64:*)"
-    ],
-    "deny": []
-  }
-}