chore: initial commit — existing single-user document scanner codebase

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-22 08:53:28 +02:00
parent 6fed5ba531
commit 7a34807fa0
71 changed files with 16408 additions and 0 deletions
@@ -0,0 +1,59 @@
+<template>
+  <div
+    class="bg-white border border-gray-200 rounded-xl p-4 hover:border-indigo-300 hover:shadow-sm transition-all cursor-pointer"
+    @click="$router.push(`/document/${doc.id}`)"
+  >
+    <div class="flex items-start gap-3">
+      <!-- Icon -->
+      <div class="w-9 h-9 rounded-lg bg-indigo-50 flex items-center justify-center shrink-0 mt-0.5">
+        <svg class="w-5 h-5 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+            d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+        </svg>
+      </div>
+
+      <div class="flex-1 min-w-0">
+        <p class="font-medium text-gray-900 text-sm truncate">{{ doc.original_name }}</p>
+        <p class="text-xs text-gray-400 mt-0.5">{{ formatDate(doc.created_at) }} · {{ formatSize(doc.size_bytes) }}</p>
+
+        <!-- Topics -->
+        <div class="flex flex-wrap gap-1 mt-2">
+          <TopicBadge
+            v-for="topicName in doc.topics"
+            :key="topicName"
+            :name="topicName"
+            :color="topicColor(topicName)"
+          />
+          <span v-if="!doc.topics?.length" class="text-xs text-gray-300 italic">unclassified</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useTopicsStore } from '../../stores/topics.js'
+import TopicBadge from '../topics/TopicBadge.vue'
+
+const props = defineProps({
+  doc: Object,
+})
+
+const topicsStore = useTopicsStore()
+
+function topicColor(name) {
+  return topicsStore.topics.find(t => t.name === name)?.color ?? '#6366f1'
+}
+
+function formatDate(iso) {
+  if (!iso) return ''
+  return new Date(iso).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })
+}
+
+function formatSize(bytes) {
+  if (!bytes) return ''
+  if (bytes < 1024) return bytes + ' B'
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB'
+  return (bytes / (1024 * 1024)).toFixed(1) + ' MB'
+}
+</script>