feat(upload): upload assistant in the browser and as a cli

.gitignore

@@ -59,3 +59,6 @@ documentation/
 # Test output
 coverage/
 .vitest/
+
+# Upload CLI, bundled at build (scripts/build-cli.mjs)
+public/tools/trackarr-upload.mjs

README.md

@@ -42,6 +42,7 @@ Built with Nuxt 4 • Rust • PostgreSQL • Redis
 | Forum, comments, reports, invitations, H&R    | UI in 8 languages (EN, FR, ES, DE, IT, ZH, JA, RU)  |
 | Private messages between members, with blocks | Light & dark themes, ⌘K command palette             |
 | Paid sign-up in Bitcoin, Monero or Solana     | On-chain payment checks, no processor, no spend key |
+| Upload assistant: .torrent, MediaInfo, screens, BBCode | Web or CLI, one file or folder in, published torrent out |
 
 | **Security**                     | **Emergency**                                |
 | -------------------------------- | -------------------------------------------- |

app/components/EditTorrentModal.vue

@@ -267,7 +267,7 @@ const error = ref<string | null>(null);
 const { data: categories } = await useFetch<Category[]>('/api/categories');
 
 const renderedDescription = computed(() => {
-  return renderMarkdown(description.value);
+  return renderDescription(description.value);
 });
 
 // Initialize form data when torrent prop changes

app/components/StepLine.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="flex items-center gap-3">
+    <Icon :name="icon" class="shrink-0" :class="[iconClass, state === 'running' ? 'animate-spin' : '']" />
+    <div class="flex-1 min-w-0">
+      <div class="flex items-center justify-between gap-3">
+        <span :class="state === 'skipped' ? 'text-text-muted' : 'text-text-primary'">{{ label }}</span>
+        <span v-if="detail" class="text-xs text-text-muted truncate">{{ detail }}</span>
+      </div>
+      <div v-if="progress !== undefined && state === 'running'" class="mt-1 w-full bg-bg-tertiary rounded-full h-1">
+        <div class="bg-text-primary h-1 rounded-full transition-all" :style="{ width: `${progress}%` }" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+/** One line of a multi-step task: icon for its state, optional detail and progress */
+const props = defineProps<{
+  label: string;
+  state: 'idle' | 'running' | 'done' | 'skipped' | 'error';
+  detail?: string;
+  progress?: number;
+}>();
+
+const icon = computed(
+  () =>
+    ({
+      idle: 'ph:circle',
+      running: 'ph:spinner',
+      done: 'ph:check-circle',
+      skipped: 'ph:minus-circle',
+      error: 'ph:warning-circle',
+    })[props.state]
+);
+
+const iconClass = computed(
+  () =>
+    ({
+      idle: 'text-text-muted',
+      running: 'text-text-primary',
+      done: 'text-success',
+      skipped: 'text-text-muted',
+      error: 'text-red-400',
+    })[props.state]
+);
+</script>

app/components/UploadTorrentModal.vue

@@ -20,6 +20,13 @@
               {{ t('upload.title') }}
             </h3>
           </div>
+          <NuxtLink
+            to="/upload/assistant"
+            class="ml-auto mr-3 text-xs text-text-muted hover:text-text-primary underline underline-offset-2"
+            @click="close"
+          >
+            {{ t('assistant.entry') }}
+          </NuxtLink>
           <button
             class="text-text-muted hover:text-white transition-colors"
             :aria-label="t('common.close')"
@@ -422,7 +429,7 @@ async function copyAnnounce() {
 const { data: categories } = await useFetch('/api/categories');
 
 const renderedDescription = computed(() => {
-  return renderMarkdown(description.value);
+  return renderDescription(description.value);
 });
 
 function getFlattenedCategories(

app/pages/index.vue

@@ -20,6 +20,9 @@
         <NuxtLink to="/torrents" class="btn btn-secondary">
           <Icon name="ph:files" aria-hidden="true" />{{ t('dashboard.browse') }}
         </NuxtLink>
+        <NuxtLink to="/upload/assistant" class="btn btn-secondary">
+          <Icon name="ph:magic-wand" aria-hidden="true" />{{ t('assistant.entry') }}
+        </NuxtLink>
         <button type="button" class="btn btn-primary" @click="showUpload = true">
           <Icon name="ph:upload-simple" aria-hidden="true" />{{ t('dashboard.upload') }}
         </button>

app/pages/torrents/[hash].vue

@@ -307,7 +307,7 @@ const externalLinks = computed(() => {
   return links;
 });
 
-const renderedDescription = computed(() => renderMarkdown(torrent.value?.description));
+const renderedDescription = computed(() => renderDescription(torrent.value?.description));
 
 async function copyHash() {
   await navigator.clipboard.writeText(torrent.value!.infoHash).catch(() => {});
@@ -406,4 +406,35 @@ async function deleteTorrent() {
   border-left: 2px solid rgb(var(--line-strong));
   padding-left: 0.75rem;
 }
+/* BBCode: screenshots side by side, spoilers, MediaInfo report */
+.description-content :deep(a > img) {
+  display: inline-block;
+  margin: 0.25rem;
+  vertical-align: middle;
+}
+.description-content :deep(details) {
+  margin-bottom: 0.75rem;
+  border: 1px solid rgb(var(--line));
+  border-radius: 4px;
+  padding: 0.5rem 0.75rem;
+}
+.description-content :deep(summary) {
+  cursor: pointer;
+  font-weight: 600;
+  color: rgb(var(--ink));
+}
+.description-content :deep(details[open] > summary) {
+  margin-bottom: 0.5rem;
+}
+.description-content :deep(pre) {
+  overflow-x: auto;
+  white-space: pre;
+  font-size: 0.8em;
+  line-height: 1.4;
+}
+.description-content :deep(cite) {
+  display: block;
+  font-style: normal;
+  font-weight: 600;
+}
 </style>