# Worklog

---
Task ID: 1
Agent: main (Z.ai)
Task: filedeck.live এর মতো একই ওয়েবসাইট তৈরি (Next.js fullstack clone)

Work Log:
- filedeck.live বিশ্লেষণ করা হয়েছে (WebFetch + agent-browser স্ক্রিনশট: হিরো, ক্যাটাগরি কার্ড, টুল গ্রিড, ফিচার সেকশন, FAQ, ডোনেশন কার্ড, ফুটার)
- fullstack-dev skill দিয়ে Next.js 16 এনভায়রনমেন্ট ইনিশিয়ালাইজ করা হয়েছে
- প্যাকেজ ইনস্টল: pdf-lib, pdfjs-dist, jszip, qrcode, docx, @pdf-lib/fontkit
- public/fonts/NotoSansBengali-Regular.ttf (Google Fonts gstatic থেকে) — PDF-এ বাংলা টেক্সট এমবেডিংয়ের জন্য
- public/pdf.worker.min.mjs কপি করা হয়েছে (pdfjs worker)
- ডেটা/লজিক ফাইল:
  - src/lib/i18n.ts — EN/BN সম্পূর্ণ UI অনুবাদ ডিকশনারি
  - src/data/tools.ts — ১০২টি টুল রেজিস্ট্রি (PDF 43, Image 18, AI 21, File 20), ফাইল টাইপ অনুযায়ী সাজেশন লজিক
  - src/lib/files.ts — শেয়ার্ড হেল্পার (renderPdfPage, parseRanges, downloadBlob, বাংলা ফন্ট লোডার)
  - src/lib/tools/pdf.ts — ২৫+ PDF রানার (merge/split/rotate/compress/watermark/page-numbers/pdf-to-word|jpg|md|csv…)
  - src/lib/tools/image.ts — canvas-ভিত্তিক ইমেজ রানার (resize/compress/crop/convert/rotate/text/round/favicon…)
  - src/lib/tools/file.ts — ফাইল/টেক্সট রানার (zip, QR, csv-json, base64, hash, password…)
  - src/lib/tool-registry.ts — টুল → রানার + অপশন ফিল্ড স্কিমা
- UI কম্পোনেন্ট:
  - site-header (ড্রপডাউন নেভ, `/` সার্চ কমান্ড ডায়ালগ, ডার্ক মোড, EN/বাংলা টগল)
  - hero (ড্রপজোন + ফাইল ড্রপে টুল সাজেশন ডায়ালগ)
  - sections/landing (ক্যাটাগরি কার্ড CSS ইলাস্ট্রেশনসহ, স্ট্যাটস বার, টুল এক্সপ্লোরার ট্যাবসহ)
  - sections/site-sections (৩টি ফিচার সেকশন মকআপসহ, What-is, FAQ অ্যাকর্ডিয়ন, Tea ডোনেশন কার্ড, ফুটার)
  - tool-workbench (জেনেরিক টুল UI: ড্রপজোন + অপশন ফিল্ড + রেজাল্ট/ডাউনলোড/ZIP)
  - tools/pdf-editor (ইন্টারঅ্যাক্টিভ Edit PDF: টেক্সট/শেপ/ড্র, pdf-lib এক্সপোর্ট)
  - tools/special-tools (Sign PDF সিগনেচার প্যাড, PDF ভিউয়ার, কালার পিকার)
  - tea-popup + scroll-top
  - api/ai/route.ts — z-ai-web-dev-sdk দিয়ে ২১টি AI Write টুল
- বাগ ফিক্স: hyphenated runner মেথড কোটিং, React removeChild ক্র্যাশ (canvas host আর React চাইল্ড আলাদা), pageCount-নির্ভর রেন্ডার ট্রিগার, canvas width ক্যালকুলেশন
- agent-browser দিয়ে E2E ভেরিফিকেশন: Rotate PDF, PDF to Text, Merge PDF (২ ফাইল), QR (বাংলা টেক্সট), AI Paragraph writer, Edit PDF (কোঅর্ডিনেট ম্যাথ Node-এ ভেরিফাইড), Compress image (36→15 KB), বাংলা UI, ডার্ক মোড, মোবাইল ভিউ

Stage Summary:
- সম্পূর্ণ ফাংশনাল FileDeck ক্লোন তৈরি — ল্যান্ডিং পেজ ডিজাইন অরিজিনালের হুবহু, ১০২টি চালু টুল, সব প্রসেসিং ব্রাউজারে (AI বাদে)
- ESLint ক্লিন (0 error), dev server পোর্ট 3000-এ চলছে
- ইউজার প্রিভিউ লিংক দিয়ে অ্যাক্সেস করবে