@@ -166,9 +169,11 @@ function wireTabs() {
else if (t === 'advisory') renderAdvisoryList();
else if (t === 'team') renderTeamList(false);
else if (t === 'experts') renderTeamList(true);
- else if (t === 'plans') renderPlansList();
- else if (t === 'banners') renderBannersList();
- else if (t === 'users') renderUsersList();
+ else if (t === 'plans') renderPlansList();
+ else if (t === 'banners') renderBannersList();
+ else if (t === 'pdfAnalyze') renderPdfAnalyze();
+ else if (t === 'import') renderImport();
+ else if (t === 'users') renderUsersList();
});
});
$('#logoutBtn').addEventListener('click', async () => {
@@ -234,10 +239,12 @@ async function renderList() {
}
}
-function renderEditor(article) {
+function renderEditor(article, draft = {}) {
const a = article || {
- title: '', category: '', type: '', author: '', authorRole: '', authorInitial: '',
- publishDate: '', pages: 0, price: 0, isFree: true, summary: '', body: '',
+ title: draft.title || '', category: draft.category || '', type: draft.type || '',
+ author: '', authorRole: '', authorInitial: '',
+ publishDate: '', pages: 0, price: 0, isFree: true,
+ summary: draft.summary || '', body: '',
coverImage: '', tags: [], featured: false,
};
const isEdit = !!article;
@@ -1889,5 +1896,331 @@ function renderBannerEditor(banner) {
});
}
+// ─────────────────────────────────────────────
+function renderImport() {
+ root.innerHTML = `
+ ${topbarHtml('import', '')}
+
+
⬇️ ایمپورت از Gemini
+
+ خروجی JSON که Gemini داد رو اینجا paste کن و دکمه ایمپورت رو بزن.
+ گزارش توی مطالب و آیتمهای رادار توی رادار ذخیره میشن.
+
+
+
+
+
+
+
+ ایمپورت
+ پاک کردن
+
+
+
+
+ `;
+
+ setupTopbar();
+
+ const jsonTA = document.getElementById('import-json');
+ const statusEl = document.getElementById('import-status');
+ const resultEl = document.getElementById('import-result');
+ const countEl = document.getElementById('import-count');
+
+ jsonTA.addEventListener('input', () => {
+ try {
+ const d = JSON.parse(jsonTA.value);
+ const ra = d.radar_items?.length || 0;
+ countEl.textContent = `✓ JSON معتبر — گزارش: ${d.report?.title ? '1' : '0'} | رادار: ${ra}`;
+ countEl.style.color = '#22c55e';
+ } catch {
+ countEl.textContent = 'JSON نامعتبر';
+ countEl.style.color = '#ef4444';
+ }
+ });
+
+ document.getElementById('import-clear').onclick = () => {
+ jsonTA.value = ''; countEl.textContent = ''; resultEl.innerHTML = '';
+ };
+
+ document.getElementById('import-btn').onclick = async () => {
+ let data;
+ try { data = JSON.parse(jsonTA.value); }
+ catch { statusEl.innerHTML = '
JSON نامعتبر است
'; return; }
+
+ const btn = document.getElementById('import-btn');
+ btn.disabled = true; btn.textContent = 'در حال ایمپورت...';
+ statusEl.innerHTML = '';
+
+ try {
+ const res = await apiFetch('/api/admin/import', { method:'POST', body: JSON.stringify(data) });
+ if (!res.ok) { const e = await res.json(); throw new Error(e.error || res.status); }
+ const result = await res.json();
+
+ resultEl.innerHTML = `
+
+
✓ ایمپورت موفق
+
+
📄 گزارش: ${result.article}
+ ${result.radar.length ? `
🔭 آیتمهای رادار: ${result.radar.length} مورد اضافه شد
` : ''}
+
+
+
+ `;
+ jsonTA.value = ''; countEl.textContent = '';
+ } catch (err) {
+ statusEl.innerHTML = `
خطا: ${err.message}
`;
+ } finally {
+ btn.disabled = false; btn.textContent = 'ایمپورت';
+ }
+ };
+}
+
+// ─────────────────────────────────────────────
+function renderPdfAnalyze() {
+ root.innerHTML = `
+ ${topbarHtml('pdfAnalyze', '')}
+
+ آنالیز و دستهبندی PDF
+ فایل PDF گزارش را آپلود کنید — سیستم متن را استخراج کرده و پیشنهاد بخش میدهد.
+
+
+
+
+
+
+
+ `;
+ wireTabs();
+ $('#newBtn') && ($('#newBtn').style.display = 'none');
+
+ $('#pdfForm').addEventListener('submit', async (e) => {
+ e.preventDefault();
+ const file = e.target.pdf.files[0];
+ if (!file) return;
+ const result = $('#pdfResult');
+ result.innerHTML = `
در حال پردازش PDF… (${(file.size/1024).toFixed(0)} KB)
`;
+ try {
+ const base64 = await new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(reader.result.split(',')[1]);
+ reader.onerror = reject;
+ reader.readAsDataURL(file);
+ });
+ const _token = sessionStorage.getItem('sf_token') || '';
+ const _res = await fetch('/api/pdf-analyze', {
+ method: 'POST', credentials: 'include',
+ headers: { 'Content-Type': 'application/json', ...(_token ? { 'Authorization': 'Bearer ' + _token } : {}) },
+ body: JSON.stringify({ base64 }),
+ });
+ if (!_res.ok) {
+ const errText = await _res.text();
+ result.innerHTML = `
خطای سرور ${_res.status}:
${escapeHtml(errText)} `;
+ return;
+ }
+ const data = await _res.json();
+ const SECTION_LABELS = {
+ market: 'بازار و زنجیره فولاد', technology: 'فناوری صنعتی',
+ geopolitics: 'ژئواکونومی', sustainability: 'پایداری محیطی', foresight: 'آیندهنگاری',
+ };
+
+ if (data.is_garbled) {
+ // PDF has non-standard font encoding — offer manual text input
+ result.innerHTML = `
+
+
+ ⚠️
+ متن PDF قابل استخراج نیست
+
+
+ این PDF از رمزگذاری فونت غیراستاندارد استفاده میکند (رایج در نشریات فارسی).
+ متن بهدرستی خوانده نمیشود و نیاز به OCR دارد.
+
${data.page_count} صفحه · ${(data.text_length/1000).toFixed(1)}k کاراکتر (ناخوانا)
+
+
+
+
عنوان گزارش
+
+
+
متن / خلاصه (paste کنید)
+
+
+
بخش مناسب
+
+ ${Object.entries(SECTION_LABELS).map(([k,v]) => `${v} `).join('')}
+
+
+
+ ✨ تولید محتوا با هوش مصنوعی
+ + ایجاد مقاله مستقیم
+
+
+
+ `;
+
+ async function runGenerate(textSrc, titleSrc, catKey) {
+ const gr = $('#generateResult');
+ gr.innerHTML = '
در حال تولید محتوا... ⏳
';
+ const _token = sessionStorage.getItem('sf_token') || '';
+ try {
+ const r = await fetch('/api/pdf-generate', {
+ method: 'POST', credentials: 'include',
+ headers: { 'Content-Type': 'application/json', ...(_token ? { 'Authorization': 'Bearer ' + _token } : {}) },
+ body: JSON.stringify({ text: textSrc, category: SECTION_LABELS[catKey] || catKey }),
+ });
+ const d = await r.json();
+ if (!r.ok) { gr.innerHTML = `
${escapeHtml(d.error || 'خطا')}
`; return; }
+ const generated = d.generated || '';
+ gr.innerHTML = `
+
+
محتوای تولیدشده
+
${escapeHtml(generated)}
+
+
+ ایجاد مقاله از این محتوا
+ `;
+ $('#useGeneratedBtn').addEventListener('click', () => {
+ const lines = generated.split('\n').filter(l => l.trim());
+ const autoTitle = titleSrc || lines[0]?.replace(/^#+\s*|\*\*/g,'').slice(0,100) || '';
+ window._pdfDraft = { title: autoTitle, summary: generated.slice(0, 600), category: SECTION_LABELS[catKey] || catKey, type: 'quarterly' };
+ renderEditor(null, window._pdfDraft);
+ });
+ } catch(e) { gr.innerHTML = `
${escapeHtml(e.message)}
`; }
+ }
+
+ $('#generateContentBtn').addEventListener('click', () => {
+ const t = $('#manualText').value.trim();
+ if (!t) { alert('لطفاً ابتدا متن را paste کنید'); return; }
+ runGenerate(t, $('#manualTitle').value.trim(), $('#manualCategory').value);
+ });
+
+ $('#createArticleBtn').addEventListener('click', () => {
+ const manualTitle = $('#manualTitle').value.trim();
+ const manualText = $('#manualText').value.trim();
+ const catKey = $('#manualCategory').value;
+ window._pdfDraft = {
+ title: manualTitle,
+ summary: manualText.slice(0, 300),
+ category: SECTION_LABELS[catKey] || catKey,
+ type: 'quarterly',
+ };
+ renderEditor(null, window._pdfDraft);
+ });
+ return;
+ }
+
+ const c = data.classification;
+ const allRows = Object.entries(c.allScores)
+ .sort((a,b) => b[1].score - a[1].score)
+ .map(([cat, d]) => `
+
+ ${cat === c.category ? '✅' : ''} ${SECTION_LABELS[cat] || cat}
+
+
+
+ `).join('');
+
+ result.innerHTML = `
+
+
+ ${escapeHtml(c.label)}
+ اطمینان: ${c.confidence}٪
+ ${data.page_count} صفحه · ${(data.text_length/1000).toFixed(1)}k کاراکتر
+
+
+
عنوان پیشنهادی
+
${escapeHtml(data.title)}
+
+
کلیدواژههای شناساییشده
+
+ ${c.keywords.map(kw => `${escapeHtml(kw)} `).join('')}
+
+
+
امتیاز بخشها
+
+
+
+
+
متن استخراجشده (۸۰۰ کاراکتر اول)
+
${escapeHtml(data.excerpt)}
+
+
+
+
ایجاد مقاله از این PDF
+
+ ✨ تولید محتوا با هوش مصنوعی
+ + ایجاد مقاله مستقیم
+
+
+
+ `;
+
+ $('#createArticleBtn').addEventListener('click', () => {
+ window._pdfDraft = {
+ title: data.title,
+ summary: data.excerpt.slice(0, 300),
+ category: c.label,
+ type: 'quarterly',
+ };
+ renderEditor(null, window._pdfDraft);
+ });
+
+ $('#generateContentBtn').addEventListener('click', async () => {
+ const gr = $('#generateResult');
+ gr.innerHTML = '
در حال تولید محتوا... ⏳
';
+ const _token = sessionStorage.getItem('sf_token') || '';
+ try {
+ const r = await fetch('/api/pdf-generate', {
+ method: 'POST', credentials: 'include',
+ headers: { 'Content-Type': 'application/json', ...(_token ? { 'Authorization': 'Bearer ' + _token } : {}) },
+ body: JSON.stringify({ text: data.excerpt + '\n\n' + (data.text || '').slice(0, 5000), category: c.label }),
+ });
+ const d = await r.json();
+ if (!r.ok) { gr.innerHTML = `
${escapeHtml(d.error || 'خطا')}
`; return; }
+ const generated = d.generated || '';
+ gr.innerHTML = `
+
+
محتوای تولیدشده
+
${escapeHtml(generated)}
+
+
+ ایجاد مقاله از این محتوا
+ `;
+ $('#useGeneratedBtn').addEventListener('click', () => {
+ const lines = generated.split('\n').filter(l => l.trim());
+ const autoTitle = data.title || lines[0]?.replace(/^#+\s*|\*\*/g,'').slice(0,100) || '';
+ window._pdfDraft = { title: autoTitle, summary: generated.slice(0, 600), category: c.label, type: 'quarterly' };
+ renderEditor(null, window._pdfDraft);
+ });
+ } catch(e) { gr.innerHTML = `
${escapeHtml(e.message)}
`; }
+ });
+
+ } catch (err) {
+ result.innerHTML = `
خطا: ${escapeHtml(err.message)}
`;
+ }
+ });
+}
+
// ─────────────────────────────────────────────
api('/api/auth/me').then(() => renderList()).catch(() => renderLogin());
diff --git a/panel/run-import.mjs b/panel/run-import.mjs
new file mode 100644
index 0000000..dd1aac7
--- /dev/null
+++ b/panel/run-import.mjs
@@ -0,0 +1,42 @@
+import fs from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import dotenv from 'dotenv';
+
+dotenv.config({ path: fileURLToPath(new URL('./.env', import.meta.url)) });
+
+const BASE = `http://localhost:${process.env.PORT || 3001}`;
+const USER = process.env.ADMIN_USERNAME || 'admin';
+const PASS = process.env.ADMIN_PASSWORD;
+
+const payloads = JSON.parse(fs.readFileSync(new URL('./imports-data.json', import.meta.url)));
+
+// 1) login
+const loginRes = await fetch(`${BASE}/api/auth/login`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ username: USER, password: PASS }),
+});
+if (!loginRes.ok) {
+ console.error('LOGIN FAILED', loginRes.status, await loginRes.text());
+ process.exit(1);
+}
+const { token } = await loginRes.json();
+console.log('✓ logged in\n');
+
+// 2) import each
+let ok = 0;
+for (const p of payloads) {
+ const res = await fetch(`${BASE}/api/admin/import`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
+ body: JSON.stringify(p),
+ });
+ const data = await res.json();
+ if (res.ok) {
+ ok++;
+ console.log(`✓ ${p.report.id} → article + ${data.radar.length} radar items`);
+ } else {
+ console.error(`✗ ${p.report.id} → ${res.status}`, data);
+ }
+}
+console.log(`\nDone: ${ok}/${payloads.length} imported`);
diff --git a/panel/server.js b/panel/server.js
index f1891db..f663a31 100644
--- a/panel/server.js
+++ b/panel/server.js
@@ -63,7 +63,7 @@ app.use(helmet({
},
frameguard: { action: 'deny' },
}));
-app.use(express.json({ limit: '2mb' }));
+app.use(express.json({ limit: '50mb' }));
app.use('/uploads', express.static(uploadsDir, { maxAge: '7d' }));
app.use('/', express.static(path.join(__dirname, 'public')));
@@ -84,7 +84,11 @@ const contactLimiter = rateLimit({
});
function authRequired(req, res, next) {
- const token = req.cookies?.session;
+ let token = req.cookies?.session;
+ if (!token) {
+ const auth = req.headers['authorization'];
+ if (auth?.startsWith('Bearer ')) token = auth.slice(7);
+ }
if (!token) return res.status(401).json({ error: 'unauthorized' });
try {
req.user = jwt.verify(token, JWT_SECRET);
@@ -94,6 +98,20 @@ function authRequired(req, res, next) {
}
}
+function memberRequired(req, res, next) {
+ const auth = req.headers['authorization'];
+ const token = (auth?.startsWith('Bearer ') ? auth.slice(7) : null) ?? req.query.token ?? null;
+ if (!token) return res.status(401).json({ error: 'unauthorized' });
+ try {
+ const payload = jwt.verify(token, JWT_SECRET);
+ if (payload.role !== 'member') return res.status(403).json({ error: 'forbidden' });
+ req.member = payload;
+ next();
+ } catch {
+ return res.status(401).json({ error: 'invalid_token' });
+ }
+}
+
app.post('/api/auth/login', loginLimiter, (req, res) => {
const { username, password } = req.body || {};
if (!username || !password) return res.status(400).json({ error: 'username_password_required' });
@@ -110,7 +128,7 @@ app.post('/api/auth/login', loginLimiter, (req, res) => {
maxAge: 24 * 60 * 60 * 1000,
path: '/',
});
- res.json({ user: { id: row.id, username: row.username } });
+ res.json({ user: { id: row.id, username: row.username }, token });
});
app.post('/api/auth/logout', (_req, res) => {
@@ -255,6 +273,91 @@ app.delete('/api/articles/:id', authRequired, (req, res) => {
res.status(204).end();
});
+// ---------- bulk import (Gemini JSON) ----------
+// Gemini grounding leaves [cite: 1921] / [cite: 1921, 1931] markers in the text — strip them
+// (and the whitespace artifacts they leave behind) before anything hits the DB.
+function stripCites(s) {
+ return s
+ .replace(/\[cite:[^\]]*\]/g, '')
+ .replace(/[ \t]+([.،؛:!؟])/g, '$1') // space before punctuation
+ .replace(/[ \t]{2,}/g, ' ') // runs of spaces
+ .replace(/[ \t]+\n/g, '\n') // trailing space before newline (keeps \n\n)
+ .trim();
+}
+function deepSanitize(v) {
+ if (typeof v === 'string') return stripCites(v);
+ if (Array.isArray(v)) return v.map(deepSanitize);
+ if (v && typeof v === 'object') {
+ const o = {};
+ for (const k of Object.keys(v)) o[k] = deepSanitize(v[k]);
+ return o;
+ }
+ return v;
+}
+
+app.post('/api/admin/import', authRequired, (req, res) => {
+ const { report, radar_items = [], fa_summary_long, key_data } = deepSanitize(req.body || {});
+ if (!report?.title) return res.status(400).json({ error: 'report.title required' });
+
+ const results = { article: null, radar: [] };
+
+ // upsert article
+ const articleId = report.id || nanoid(14);
+ const body = fa_summary_long
+ ? (key_data ? fa_summary_long + '\n\n---KEY_DATA---\n' + JSON.stringify(key_data, null, 2) : fa_summary_long)
+ : (key_data ? JSON.stringify(key_data, null, 2) : null);
+
+ db.prepare(`
+ INSERT OR REPLACE INTO articles
+ (id, title, category, type, author, author_role, author_initial,
+ publish_date, pages, price, is_free, summary, body, tags, cover_image, featured, status)
+ VALUES
+ (@id, @title, @category, @type, @author, @author_role, @author_initial,
+ @publish_date, @pages, @price, @is_free, @summary, @body, @tags, @cover_image, @featured, 'published')
+ `).run({
+ id: articleId,
+ title: report.title,
+ category: report.category || null,
+ type: report.type || 'special',
+ author: report.author || null,
+ author_role: report.authorRole || report.author_role || null,
+ author_initial: report.authorInitial || report.author_initial || null,
+ publish_date: report.publishDate || report.publish_date || null,
+ pages: Number(report.pages) || 0,
+ price: Number(report.price) || 0,
+ is_free: (report.isFree ?? report.is_free ?? false) ? 1 : 0,
+ summary: report.summary || null,
+ body,
+ tags: JSON.stringify(Array.isArray(report.tags) ? report.tags : []),
+ cover_image: report.coverImage || report.cover_image || null,
+ featured: report.featured ? 1 : 0,
+ });
+ results.article = articleId;
+
+ // upsert radar items
+ const insertRadar = db.prepare(`
+ INSERT OR REPLACE INTO radar_items
+ (id, category, img, title_fa, excerpt_fa, date_fa, author_name, sort_order)
+ VALUES (@id, @category, @img, @title_fa, @excerpt_fa, @date_fa, @author_name, @sort_order)
+ `);
+ radar_items.forEach((item, i) => {
+ const rid = item.id || nanoid(12);
+ insertRadar.run({
+ id: rid,
+ category: item.category || 'market',
+ img: item.img || item.image || report.coverImage || '',
+ title_fa: item.title || '',
+ excerpt_fa: item.summary || item.excerpt_fa || '',
+ date_fa: item.date || '',
+ author_name: report.author || '',
+ sort_order: i,
+ });
+ results.radar.push(rid);
+ });
+
+ res.json({ ok: true, ...results });
+});
+
// ---------- events ----------
const EVENT_FIELDS = `id, title_fa, title_en, date_fa, date_en, month_fa, month_en, year, type,
location_fa, location_en, city_fa, city_en, description_fa, description_en,
@@ -1180,6 +1283,225 @@ app.post('/api/contact', contactLimiter, async (req, res) => {
}
});
+// ---------- PDF analyser ----------
+
+const SECTION_KEYWORDS = {
+ market: {
+ words: ['بازار','قیمت','صادرات','واردات','معامله','تجارت','فولاد','آهن','سنگ آهن','بلوم','تختال','کویل','عرضه','تقاضا','تولید','اقتصاد','market','price','trade','export','import','steel','iron ore','billet','slab','coil','supply','demand','production'],
+ label: 'بازار و زنجیره فولاد',
+ },
+ technology: {
+ words: ['فناوری','هوش مصنوعی','دیجیتال','اتوماسیون','نرمافزار','ربات','هوشمند','نوآوری','تکنولوژی','داده','technology','ai','digital','automation','software','robot','smart','innovation','iot','machine learning'],
+ label: 'فناوری صنعتی',
+ },
+ geopolitics: {
+ words: ['ژئوپلیتیک','تحریم','سیاست','دیپلماسی','جنگ','تنش','بینالملل','ژئواکونومی','قدرت','geopolitics','sanction','policy','diplomacy','war','tension','international','brics','conflict'],
+ label: 'ژئواکونومی',
+ },
+ sustainability: {
+ words: ['محیط زیست','کربن','پایداری','سبز','آلودگی','اقلیم','انرژی پاک','انتشار','تجدیدپذیر','esg','carbon','sustainability','environment','green','climate','emission','renewable','clean energy'],
+ label: 'پایداری محیطی',
+ },
+ foresight: {
+ words: ['آینده','سناریو','پیشبینی','روند','چشمانداز','آیندهنگاری','استراتژی','رصد','تحلیل','future','scenario','forecast','trend','outlook','foresight','strategy','horizon','intelligence'],
+ label: 'آیندهنگاری',
+ },
+};
+
+function classifyPdfText(text) {
+ const lower = text.toLowerCase();
+ const scores = {};
+ for (const [cat, data] of Object.entries(SECTION_KEYWORDS)) {
+ let score = 0; const matched = [];
+ for (const kw of data.words) {
+ const hits = (lower.match(new RegExp(kw.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g')) || []).length;
+ if (hits > 0) { score += hits; matched.push(kw); }
+ }
+ scores[cat] = { score, matched, label: data.label };
+ }
+ const sorted = Object.entries(scores).sort((a, b) => b[1].score - a[1].score);
+ const [topCat, topData] = sorted[0];
+ const secondScore = sorted[1]?.[1].score || 0;
+ const confidence = topData.score > 0 ? Math.min(100, Math.round(((topData.score - secondScore) / (topData.score + 1)) * 100 + 40)) : 0;
+ return {
+ category: topCat, label: topData.label, score: topData.score, confidence,
+ keywords: [...new Set(topData.matched)].slice(0, 8),
+ allScores: Object.fromEntries(sorted.map(([c, d]) => [c, { score: d.score, label: d.label }])),
+ };
+}
+
+function extractPdfTitle(text) {
+ const lines = text.split('\n').map(l => l.trim()).filter(l => l.length > 8 && l.length < 180);
+ return lines[0] || 'بدون عنوان';
+}
+
+app.post('/api/pdf-analyze', authRequired, async (req, res) => {
+ try {
+ const { base64 } = req.body || {};
+ if (!base64) return res.status(400).json({ error: 'فایل PDF ارسال نشده' });
+ const buf = Buffer.from(base64, 'base64');
+ const { PDFParse } = await import('pdf-parse');
+ const parser = new PDFParse({ data: buf });
+ const result = await parser.getText();
+ const text = result.text || '';
+ const pageCount = result.total || result.pages?.length || 0;
+ await parser.destroy();
+ // detect garbled text: check ratio of Persian/Arabic Unicode chars
+ const persianChars = (text.match(/[-ۿ]/g) || []).length;
+ const meaningfulChars = text.replace(/\s/g, '').length;
+ const isGarbled = meaningfulChars > 50 && (persianChars / meaningfulChars) < 0.15;
+ const title = isGarbled ? '' : extractPdfTitle(text);
+ const excerpt = isGarbled ? '' : text.replace(/\n{3,}/g, '\n\n').trim().slice(0, 800);
+ const classification = isGarbled ? null : classifyPdfText(text);
+ res.json({ title, excerpt, text_length: text.length, page_count: pageCount, classification, is_garbled: isGarbled });
+ } catch (err) {
+ console.error('PDF parse error:', err);
+ res.status(500).json({ error: 'خطا در تجزیه PDF: ' + err.message });
+ }
+});
+
+app.post('/api/pdf-generate', authRequired, async (req, res) => {
+ const apiKey = process.env.AI_API_KEY || process.env.ANTHROPIC_API_KEY;
+ if (!apiKey) return res.status(503).json({ error: 'AI_API_KEY در فایل .env تنظیم نشده' });
+
+ const { text, category } = req.body || {};
+ if (!text || text.trim().length < 50) return res.status(400).json({ error: 'متن کافی ارسال نشده' });
+
+ const prompt = `متن زیر از یک گزارش تخصصی در حوزه صنعت فولاد است.
+بر اساس این متن، یک مقاله جامع و تحلیلی به زبان فارسی بنویس که شامل این بخشها باشد:
+
+۱. **عنوان** (یک عنوان جذاب و حرفهای)
+۲. **خلاصه اجرایی** (۲ تا ۳ پاراگراف — مهمترین یافتهها)
+۳. **نکات کلیدی** (۴ تا ۶ گلوله — bullet points)
+۴. **تحلیل تفصیلی** (۳ تا ۵ پاراگراف — بررسی عمیق)
+۵. **نتیجهگیری** (۱ تا ۲ پاراگراف)
+
+خروجی باید کاملاً فارسی، حرفهای، و مناسب برای یک اندیشکده تخصصی باشد.
+${category ? `حوزه: ${category}` : ''}
+
+متن منبع:
+---
+${text.slice(0, 6000)}
+---
+
+فقط محتوای مقاله را بنویس، بدون توضیح اضافه.`;
+
+ try {
+ const { default: OpenAI } = await import('openai');
+ const clientOpts = { apiKey };
+ if (process.env.AI_BASE_URL) clientOpts.baseURL = process.env.AI_BASE_URL;
+ const client = new OpenAI(clientOpts);
+ const model = process.env.AI_MODEL || 'gpt-4o-mini';
+
+ const completion = await client.chat.completions.create({
+ model,
+ max_tokens: 2048,
+ messages: [{ role: 'user', content: prompt }],
+ });
+
+ const generated = completion.choices[0]?.message?.content || '';
+ res.json({ generated });
+ } catch (err) {
+ console.error('AI generate error:', err);
+ res.status(500).json({ error: 'خطا در تولید محتوا: ' + err.message });
+ }
+});
+
+// ──────────────────────────────────────────
+// Member auth & profile (public users, not admins)
+// ──────────────────────────────────────────
+
+app.post('/api/members/register', loginLimiter, (req, res) => {
+ const { name, email, password } = req.body || {};
+ if (!name || !email || !password) return res.status(400).json({ error: 'همه فیلدها الزامی است' });
+ if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) return res.status(400).json({ error: 'ایمیل نامعتبر است' });
+ if (password.length < 6) return res.status(400).json({ error: 'رمز عبور باید حداقل ۶ کاراکتر باشد' });
+ const exists = db.prepare('SELECT 1 FROM members WHERE email = ?').get(email);
+ if (exists) return res.status(409).json({ error: 'این ایمیل قبلاً ثبت شده است' });
+ const hash = bcrypt.hashSync(password, 10);
+ const info = db.prepare('INSERT INTO members (name, email, password_hash) VALUES (?, ?, ?)').run(name.trim(), email.toLowerCase().trim(), hash);
+ const token = jwt.sign({ sub: info.lastInsertRowid, email, name: name.trim(), role: 'member' }, JWT_SECRET, { expiresIn: '30d' });
+ res.status(201).json({ token, user: { id: info.lastInsertRowid, name: name.trim(), email } });
+});
+
+app.post('/api/members/login', loginLimiter, (req, res) => {
+ const { email, password } = req.body || {};
+ if (!email || !password) return res.status(400).json({ error: 'ایمیل و رمز عبور الزامی است' });
+ const row = db.prepare('SELECT id, name, email, password_hash, is_active FROM members WHERE email = ?').get(email.toLowerCase().trim());
+ if (!row || !bcrypt.compareSync(password, row.password_hash)) return res.status(401).json({ error: 'ایمیل یا رمز عبور اشتباه است' });
+ if (!row.is_active) return res.status(403).json({ error: 'حساب کاربری غیرفعال است' });
+ const token = jwt.sign({ sub: row.id, email: row.email, name: row.name, role: 'member' }, JWT_SECRET, { expiresIn: '30d' });
+ res.json({ token, user: { id: row.id, name: row.name, email: row.email } });
+});
+
+app.get('/api/members/me', memberRequired, (req, res) => {
+ const row = db.prepare('SELECT id, name, email, phone, avatar, created_at FROM members WHERE id = ?').get(req.member.sub);
+ if (!row) return res.status(404).json({ error: 'not_found' });
+ res.json({ id: row.id, name: row.name, email: row.email, phone: row.phone, avatar: row.avatar, createdAt: row.created_at });
+});
+
+app.put('/api/members/me', memberRequired, (req, res) => {
+ const { name, phone } = req.body || {};
+ const row = db.prepare('SELECT id FROM members WHERE id = ?').get(req.member.sub);
+ if (!row) return res.status(404).json({ error: 'not_found' });
+ const newName = name?.trim() || req.member.name;
+ db.prepare("UPDATE members SET name = ?, phone = ?, updated_at = datetime('now') WHERE id = ?").run(newName, phone || null, req.member.sub);
+ res.json({ ok: true });
+});
+
+app.put('/api/members/me/password', memberRequired, (req, res) => {
+ const { currentPassword, newPassword } = req.body || {};
+ if (!currentPassword || !newPassword) return res.status(400).json({ error: 'فیلدها الزامی است' });
+ if (newPassword.length < 6) return res.status(400).json({ error: 'رمز جدید باید حداقل ۶ کاراکتر باشد' });
+ const row = db.prepare('SELECT password_hash FROM members WHERE id = ?').get(req.member.sub);
+ if (!row || !bcrypt.compareSync(currentPassword, row.password_hash)) return res.status(401).json({ error: 'رمز فعلی اشتباه است' });
+ const hash = bcrypt.hashSync(newPassword, 10);
+ db.prepare("UPDATE members SET password_hash = ?, updated_at = datetime('now') WHERE id = ?").run(hash, req.member.sub);
+ res.json({ ok: true });
+});
+
+app.get('/api/members/me/purchases', memberRequired, (req, res) => {
+ const rows = db.prepare(`
+ SELECT p.id, p.amount, p.purchased_at,
+ a.id AS article_id, a.title, a.category, a.type, a.cover_image, a.pages, a.summary, a.author, a.publish_date
+ FROM purchases p JOIN articles a ON p.article_id = a.id
+ WHERE p.member_id = ?
+ ORDER BY p.purchased_at DESC
+ `).all(req.member.sub);
+ res.json(rows.map(r => ({
+ id: r.id, amount: r.amount, purchasedAt: r.purchased_at,
+ article: { id: r.article_id, title: r.title, category: r.category, type: r.type, coverImage: r.cover_image, pages: r.pages, summary: r.summary, author: r.author, publishDate: r.publish_date },
+ })));
+});
+
+// admin: grant purchase to a member
+app.post('/api/members/:memberId/purchases', authRequired, (req, res) => {
+ const { articleId, amount = 0 } = req.body || {};
+ if (!articleId) return res.status(400).json({ error: 'articleId الزامی است' });
+ const member = db.prepare('SELECT id FROM members WHERE id = ?').get(req.params.memberId);
+ if (!member) return res.status(404).json({ error: 'عضو پیدا نشد' });
+ const article = db.prepare('SELECT id, cover_image FROM articles WHERE id = ?').get(articleId);
+ if (!article) return res.status(404).json({ error: 'مقاله پیدا نشد' });
+ try {
+ db.prepare('INSERT OR IGNORE INTO purchases (member_id, article_id, amount) VALUES (?, ?, ?)').run(req.params.memberId, articleId, amount);
+ res.status(201).json({ ok: true });
+ } catch (e) {
+ res.status(409).json({ error: 'قبلاً خریداری شده' });
+ }
+});
+
+// download purchased article file (cover image for now; swap for PDF path later)
+app.get('/api/members/me/purchases/:purchaseId/download', memberRequired, (req, res) => {
+ const row = db.prepare(`
+ SELECT a.cover_image, a.title FROM purchases p JOIN articles a ON p.article_id = a.id
+ WHERE p.id = ? AND p.member_id = ?
+ `).get(req.params.purchaseId, req.member.sub);
+ if (!row) return res.status(404).json({ error: 'خرید پیدا نشد' });
+ const filePath = row.cover_image ? path.join(__dirname, 'uploads', path.basename(row.cover_image)) : null;
+ if (!filePath || !fs.existsSync(filePath)) return res.status(404).json({ error: 'فایل موجود نیست' });
+ res.download(filePath, row.title + path.extname(filePath));
+});
+
app.listen(PORT, () => {
console.log(`Panel running at ${PUBLIC_ORIGIN}`);
const intervalMs = Number(process.env.SCRAPER_INTERVAL_MS) || 2 * 60 * 1000;
diff --git a/panel/update-radar-images.mjs b/panel/update-radar-images.mjs
new file mode 100644
index 0000000..b0a9049
--- /dev/null
+++ b/panel/update-radar-images.mjs
@@ -0,0 +1,43 @@
+import Database from 'better-sqlite3';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const db = new Database(path.join(__dirname, 'data.db'));
+
+// id → image (served from the frontend /public/news folder at /news/...)
+const radarImages = {
+ 'green-demand-growth': '/news/photo-1551288049-bebda4e38f71.jpg',
+ 'stricter-green-definitions': '/news/photo-1581092160607-ee22731c9b4e.jpg',
+ 'premium-willingness': '/news/photo-1466611653911-95081537e5b7.jpg',
+ 'trading-value-growth': '/news/photo-1611974789855-9c2a0a7236a3.jpg',
+ 'power-demand-surge': '/news/photo-1518770660439-4636190af475.jpg',
+ 'digital-trading-edge': '/news/photo-1504328345606-18bbc8c9d7d1.jpg',
+ 'electricity-cost-driver': '/news/photo-1494412519320-aa613dfb7738.jpg',
+ 'hbi-decoupling': '/news/photo-1578662996442-48f60103fc96.jpg',
+ 'massive-asset-reconfiguration': '/news/photo-1504307651254-35680f356dfd.jpg',
+ 'india-demand-doubling': '/news/photo-1567789884554-0b844b597180.jpg',
+ 'scrap-shortage-crisis': '/news/photo-1566873535350-6586b0b7a1f2.jpg',
+ 'china-demand-decline': '/news/photo-1570168007204-dfb528c6958f.jpg',
+};
+
+const stmt = db.prepare('UPDATE radar_items SET img = ? WHERE id = ?');
+let updated = 0;
+for (const [id, img] of Object.entries(radarImages)) {
+ updated += stmt.run(img, id).changes;
+}
+console.log(`✓ radar images updated: ${updated}/${Object.keys(radarImages).length}`);
+
+// also set the matching article cover images (for home report cards)
+const articleImages = {
+ 'green-premia-trends': '/news/photo-1473341304170-971dccb5ac1e.jpg',
+ 'commodity-trading-scurve': '/news/photo-1611974789855-9c2a0a7236a3.jpg',
+ 'green-steel-hubs-pathway': '/news/photo-1581092160607-ee22731c9b4e.jpg',
+ 'india-steel-growth-resilience': '/news/photo-1567789884554-0b844b597180.jpg',
+};
+const aStmt = db.prepare('UPDATE articles SET cover_image = ? WHERE id = ?');
+let aUpdated = 0;
+for (const [id, img] of Object.entries(articleImages)) {
+ aUpdated += aStmt.run(img, id).changes;
+}
+console.log(`✓ article covers updated: ${aUpdated}/${Object.keys(articleImages).length}`);
diff --git a/rtk.exe b/rtk.exe
new file mode 100644
index 0000000..52beb71
Binary files /dev/null and b/rtk.exe differ
diff --git a/src/app/layout/Header.tsx b/src/app/layout/Header.tsx
index a6bcd81..4854fe0 100644
--- a/src/app/layout/Header.tsx
+++ b/src/app/layout/Header.tsx
@@ -1,9 +1,10 @@
import React, { useState, useEffect, useRef } from 'react'
import type { CSSProperties } from 'react'
-import { NavLink } from 'react-router-dom'
+import { NavLink, Link } from 'react-router-dom'
import { Search, Menu, X, ChevronDown, Radar, Leaf, Globe, Cpu, BarChart3, Video, Mic, CalendarDays, Users, Eye, Phone, type LucideIcon } from 'lucide-react'
import { motion, AnimatePresence } from 'framer-motion'
import { useLang } from '@/context/LangContext'
+import { useAuth } from '@/context/AuthContext'
/* ─── tokens ─── */
const T = {
@@ -30,9 +31,9 @@ const SECTIONS: Section[] = [
/* ─── dropdown sections under رسانه و رویداد ─── */
const MEDIA: Section[] = [
- { fa: 'ویدیوکست و پادکست', en: 'Videocast & Podcast', to: '#', Icon: Video },
- { fa: 'نشستهای تخصصی', en: 'Expert Sessions', to: '#', Icon: Mic },
- { fa: 'رویدادها', en: 'Events', to: '#', Icon: CalendarDays },
+ { fa: 'ویدیوکست و پادکست', en: 'Videocast & Podcast', to: '/podcast', Icon: Video },
+ { fa: 'نشستهای تخصصی', en: 'Expert Sessions', to: '#', Icon: Mic },
+ { fa: 'رویدادها', en: 'Events', to: '/events', Icon: CalendarDays },
]
/* ─── dropdown sections under درباره ما ─── */
@@ -194,7 +195,7 @@ export default function Header() {
const searchInputRef = useRef
(null)
const { lang, toggle: toggleLang } = useLang()
-
+ const { member } = useAuth()
useEffect(() => {
const mq = window.matchMedia('(max-width: 1023px)')
@@ -282,9 +283,28 @@ export default function Header() {
{!isMobile && (
<>
-
- {lang === 'fa' ? 'ورود / ثبتنام' : 'Login / Register'}
-
+ {member ? (
+
+
+ {member.name.split(' ')[0]}
+
+ ) : (
+ }).env
- ?.VITE_PANEL_API || 'http://localhost:3001';
+ ?.VITE_PANEL_API || '';
type ApiPrice = {
symbol: string;
diff --git a/src/app/router.tsx b/src/app/router.tsx
index 0d03c60..38dd7b0 100644
--- a/src/app/router.tsx
+++ b/src/app/router.tsx
@@ -1,7 +1,6 @@
import { createBrowserRouter } from 'react-router-dom'
import RootLayout from './layout/RootLayout'
import Home from '@/pages/Home/Home'
-import Reports from '@/pages/Reports/Reports'
import ReportDetail from '@/pages/ReportDetail/ReportDetail'
import Market from '@/pages/Market/Market'
import Subscribe from '@/pages/Subscribe/Subscribe'
@@ -13,6 +12,7 @@ import Risks from '@/pages/Risks/Risks'
import Scanner from '@/pages/Scanner/Scanner'
import Radar from '@/pages/Radar/Radar'
import RadarCategory from '@/pages/RadarCategory/RadarCategory'
+import RadarPost from '@/pages/RadarPost/RadarPost'
import PostDetail from '@/pages/PostDetail/PostDetail'
import Technology from '@/pages/Technology/Technology'
import Pulse from '@/pages/Pulse/Pulse'
@@ -23,6 +23,9 @@ import AtAGlance from '@/pages/AtAGlance/AtAGlance'
import Experts from '@/pages/Experts/Experts'
import Contact from '@/pages/Contact/Contact'
import About from '@/pages/About/About'
+import AuthPage from '@/pages/Auth/AuthPage'
+import ProfilePage from '@/pages/Profile/ProfilePage'
+import Podcast from '@/pages/Podcast/Podcast'
export const router = createBrowserRouter([
{
@@ -30,7 +33,6 @@ export const router = createBrowserRouter([
element: (0)
+ // live events from the panel API (bootstrapEvents fills this array; soonest first)
+ const list = events.slice(0, 4).map((e) => ({
+ title: `${e.title} | ${e.location}`,
+ desc: e.description,
+ when: `${faNum(e.date)} ${e.month} ${faNum(e.year)}`,
+ }))
+
return (
{/* heading */}
@@ -51,7 +41,7 @@ export default function StrategicEvents() {
{/* accordion list */}
- {EVENTS.map((e, i) => {
+ {list.map((e, i) => {
const isOpen = open === i
return (
diff --git a/src/content/factoryReports.ts b/src/content/factoryReports.ts
index e04fd53..093cbee 100644
--- a/src/content/factoryReports.ts
+++ b/src/content/factoryReports.ts
@@ -71,7 +71,7 @@ export const FACTORY_REPORTS_META = {
const PANEL_API =
(import.meta as ImportMeta & { env?: Record
}).env?.VITE_PANEL_API ||
- 'http://localhost:3001'
+ ''
const SCROLL_DIRS: ScrollDir[] = ['left', 'right', 'up']
const asDir = (v: unknown): ScrollDir =>
diff --git a/src/content/integrations.ts b/src/content/integrations.ts
index 3fb37be..b3822da 100644
--- a/src/content/integrations.ts
+++ b/src/content/integrations.ts
@@ -52,7 +52,7 @@ export const INTEGRATIONS_META = {
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API ||
- 'http://localhost:3001'
+ ''
const ICON_TYPES: IntegrationIcon[] = [
'exchange', 'globe', 'chart', 'activity', 'database',
diff --git a/src/content/radar.ts b/src/content/radar.ts
index 692bc07..fa11278 100644
--- a/src/content/radar.ts
+++ b/src/content/radar.ts
@@ -11,10 +11,9 @@ export type RadarItem = {
id: string
category: RadarCategory
img: string
- /** author shown on hover (replaces the category icon) */
author: { name: string; avatar: string }
- fa: { title: string; date: string; excerpt: string }
- en: { title: string; date: string; excerpt: string }
+ fa: { title: string; date: string; excerpt: string; body?: string[]; analysis?: string }
+ en: { title: string; date: string; excerpt: string; body?: string[]; analysis?: string }
}
/* category → label (icon is chosen in the component from this key) */
@@ -32,61 +31,205 @@ export const RADAR_ITEMS: RadarItem[] = [
id: 'r1', category: 'commodity',
img: '/news/photo-1611273426858-450d8e3c9fce.jpg',
author: { name: 'دکتر سارا احمدی', avatar: '/news/photo-1494790108377-be9c29b29330.jpg' },
- fa: { title: 'پیشبینی بازار با هوش مصنوعی', date: '۱۴ اردیبهشت ۱۴۰۵', excerpt: 'مدلهای یادگیری ماشین تقاضای لیتیوم و فلزات باتری را در افق ۲۰۳۵ بازتعریف میکنند.' },
- en: { title: 'AI-Powered Market Forecasting', date: 'May 4, 2026', excerpt: 'Machine-learning models are redefining lithium and battery-metal demand on the 2035 horizon.' },
+ fa: {
+ title: 'پیشبینی بازار با هوش مصنوعی', date: '۱۴ اردیبهشت ۱۴۰۵',
+ excerpt: 'مدلهای یادگیری ماشین تقاضای لیتیوم و فلزات باتری را در افق ۲۰۳۵ بازتعریف میکنند.',
+ body: [
+ 'در سالهای اخیر، کاربرد هوش مصنوعی در پیشبینی تقاضای مواد اولیه به یکی از جدیترین تحولات بازارهای کالایی تبدیل شده است. مدلهای یادگیری ماشین با پردازش میلیونها نقطه داده از زنجیره تأمین، الگوهایی را شناسایی میکنند که از چشم تحلیلگران انسانی پنهان میماند.',
+ 'در حوزه لیتیوم و فلزات باتری، این مدلها توانستهاند با دقتی بیش از ۸۵ درصد، نوسانات فصلی و بلندمدت تقاضا را پیشبینی کنند. این دقت بالا به شرکتهای استخراجکننده امکان میدهد تصمیمات سرمایهگذاری خود را با اطمینان بیشتری بگیرند.',
+ 'علاوه بر این، این مدلها شوکهای ناگهانی ناشی از تغییرات سیاسی و بحرانهای زنجیره تأمین را نیز وارد محاسبات خود میکنند. نتیجه، پیشبینیهایی است که نهتنها دقیقتر، بلکه انعطافپذیرتر نسبت به شرایط غیرمنتظره هستند.',
+ ],
+ analysis: 'با توجه به رشد انفجاری صنعت خودروهای الکتریکی، تقاضا برای لیتیوم تا سال ۲۰۳۵ میتواند تا ۵ برابر افزایش یابد. کشورهایی که اکنون در زیرساختهای استخراج و پالایش لیتیوم سرمایهگذاری میکنند، در دهههای آینده مزیت استراتژیک خواهند داشت.',
+ },
+ en: {
+ title: 'AI-Powered Market Forecasting', date: 'May 4, 2026',
+ excerpt: 'Machine-learning models are redefining lithium and battery-metal demand on the 2035 horizon.',
+ body: [
+ 'In recent years, the application of AI in forecasting raw material demand has become one of the most significant developments in commodity markets. Machine learning models process millions of data points from the supply chain, identifying patterns invisible to human analysts.',
+ 'In the lithium and battery metals space, these models have achieved over 85% accuracy in predicting seasonal and long-term demand fluctuations. This high accuracy allows mining companies to make investment decisions with greater confidence.',
+ 'Additionally, these models incorporate sudden shocks from political changes and supply chain crises into their calculations, resulting in forecasts that are both more accurate and more resilient to unexpected conditions.',
+ ],
+ analysis: 'Given the explosive growth of the electric vehicle industry, lithium demand could increase up to 5x by 2035. Countries investing now in lithium extraction and refining infrastructure will hold a strategic advantage in the coming decades.',
+ },
},
{
id: 'r2', category: 'tech',
img: '/news/photo-1581092160607-ee22731c9b4e.jpg',
author: { name: 'مهندس رضا کریمی', avatar: '/news/photo-1500648767791-00dcc994a43e.jpg' },
- fa: { title: 'پیشبینی بازار با هوش مصنوعی', date: '۱۴ اردیبهشت ۱۴۰۵', excerpt: 'تحول دیجیتال و اتوماسیون هوشمند در حال تغییر بنیادین زنجیره ارزش فولاد هستند.' },
- en: { title: 'AI-Powered Market Forecasting', date: 'May 4, 2026', excerpt: 'Digital transformation and smart automation are fundamentally reshaping the steel value chain.' },
+ fa: {
+ title: 'تحول دیجیتال در زنجیره ارزش فولاد', date: '۱۴ اردیبهشت ۱۴۰۵',
+ excerpt: 'تحول دیجیتال و اتوماسیون هوشمند در حال تغییر بنیادین زنجیره ارزش فولاد هستند.',
+ body: [
+ 'صنعت فولاد که یکی از کهنترین صنایع بشری است، اکنون در آستانه یک انقلاب دیجیتال قرار دارد. از کورههای ذوب هوشمند تا سیستمهای نگهداری پیشگیرانه مبتنی بر یادگیری ماشین، فناوری در حال بازتعریف هر مرحله از تولید فولاد است.',
+ 'کارخانههای پیشرو در اروپا و آسیا با نصب هزاران سنسور و اتصال آنها به پلتفرمهای تحلیل داده ابری، توانستهاند مصرف انرژی را تا ۱۸ درصد کاهش دهند و نرخ خرابی تجهیزات را به نصف برسانند.',
+ 'اما چالش اصلی در این مسیر، کمبود نیروی انسانی آشنا با هر دو حوزه متالورژی و علوم داده است. این شکاف مهارتی در صورت عدم توجه، میتواند سرعت تحول دیجیتال را کُند کند.',
+ ],
+ analysis: 'شرکتهای فولادی ایران باید فوریترین اولویت خود را ارتقای دیجیتال زنجیره ارزش قرار دهند. در غیر این صورت، شکاف رقابتی با تولیدکنندگان پیشرفته جهانی هر سال بزرگتر خواهد شد.',
+ },
+ en: {
+ title: 'Digital Transformation in Steel Value Chain', date: 'May 4, 2026',
+ excerpt: 'Digital transformation and smart automation are fundamentally reshaping the steel value chain.',
+ body: [
+ 'The steel industry, one of humanity\'s oldest industries, now stands on the brink of a digital revolution. From smart smelting furnaces to machine-learning-based predictive maintenance, technology is redefining every stage of steel production.',
+ 'Leading plants in Europe and Asia have installed thousands of sensors connected to cloud analytics platforms, reducing energy consumption by up to 18% and halving equipment failure rates.',
+ 'The main challenge, however, is the shortage of personnel skilled in both metallurgy and data science — a skills gap that, if unaddressed, could slow the pace of digital transformation.',
+ ],
+ analysis: 'Iranian steel companies must make digital value chain upgrading their most urgent priority. Otherwise, the competitive gap with advanced global producers will widen every year.',
+ },
},
{
id: 'r3', category: 'market',
img: '/news/photo-1504307651254-35680f356dfd.jpg',
author: { name: 'دکتر مریم رضایی', avatar: '/news/photo-1438761681033-6461ffad8d80.jpg' },
- fa: { title: 'پیشبینی بازار با هوش مصنوعی', date: '۱۴ اردیبهشت ۱۴۰۵', excerpt: 'تحلیل روند قیمت طلا و فلزات گرانبها و اثر آن بر سرمایهگذاری در زنجیره فولاد.' },
- en: { title: 'AI-Powered Market Forecasting', date: 'May 4, 2026', excerpt: 'Gold and precious-metal price trends and their effect on steel-chain investment.' },
+ fa: {
+ title: 'تأثیر نوسانات طلا بر سرمایهگذاری فولاد', date: '۱۴ اردیبهشت ۱۴۰۵',
+ excerpt: 'تحلیل روند قیمت طلا و فلزات گرانبها و اثر آن بر سرمایهگذاری در زنجیره فولاد.',
+ body: [
+ 'قیمت طلا در سالهای اخیر به شاخصی مهم برای سنجش ریسکگریزی سرمایهگذاران جهانی تبدیل شده است. هنگامی که طلا افزایش قیمت مییابد، معمولاً نشانهای از کاهش اشتیاق سرمایهگذاران به داراییهای ریسکیتر مانند سهام شرکتهای فولادی است.',
+ 'با این حال، رابطه بین طلا و فولاد پیچیدهتر از یک همبستگی ساده است. در دورههای رشد اقتصادی قوی، هر دو میتوانند همزمان رشد کنند — طلا به عنوان ذخیره ارزش و فولاد به خاطر تقاضای ساختوساز.',
+ 'تحلیل دادههای ۲۰ ساله نشان میدهد که نوسانات شدید قیمت طلا معمولاً با کاهش سرمایهگذاری در پروژههای جدید فولادسازی همراه است، چرا که سرمایهگذاران به سمت داراییهای امنتر کشیده میشوند.',
+ ],
+ analysis: 'در شرایط فعلی که قیمت طلا در اوج تاریخی قرار دارد، انتظار کاهش نسبی سرمایهگذاری در طرحهای توسعهای فولاد را داریم. این پنجره زمانی فرصتی است برای شرکتهایی که نقدینگی کافی دارند تا داراییهای ارزانشده را خریداری کنند.',
+ },
+ en: {
+ title: 'Gold Volatility Impact on Steel Investment', date: 'May 4, 2026',
+ excerpt: 'Gold and precious-metal price trends and their effect on steel-chain investment.',
+ body: [
+ 'Gold prices have become an important indicator of global investor risk aversion in recent years. When gold rises, it typically signals reduced investor appetite for riskier assets like steel company equities.',
+ 'However, the relationship between gold and steel is more complex than a simple correlation. During periods of strong economic growth, both can rise simultaneously — gold as a store of value and steel due to construction demand.',
+ 'Analysis of 20 years of data shows that sharp gold price volatility typically coincides with reduced investment in new steelmaking projects, as investors gravitate toward safer assets.',
+ ],
+ analysis: 'With gold prices at historic highs, we expect a relative reduction in investment in steel development projects. This time window is an opportunity for companies with sufficient liquidity to acquire distressed assets.',
+ },
},
{
id: 'r4', category: 'geo',
img: '/news/photo-1518770660439-4636190af475.jpg',
author: { name: 'دکتر علی موسوی', avatar: '/news/photo-1472099645785-5658abf4ff4e.jpg' },
- fa: { title: 'پیشبینی بازار با هوش مصنوعی', date: '۱۴ اردیبهشت ۱۴۰۵', excerpt: 'هندسه قدرت جهانی و اثر تحولات ژئوپلیتیک بر بازارهای صادراتی فولاد ایران.' },
- en: { title: 'AI-Powered Market Forecasting', date: 'May 4, 2026', excerpt: 'Global power geometry and the impact of geopolitics on Iran\'s steel export markets.' },
+ fa: {
+ title: 'ژئوپلیتیک و بازارهای صادراتی فولاد ایران', date: '۱۴ اردیبهشت ۱۴۰۵',
+ excerpt: 'هندسه قدرت جهانی و اثر تحولات ژئوپلیتیک بر بازارهای صادراتی فولاد ایران.',
+ body: [
+ 'در دوران جدید تنشهای جهانی، ژئوپلیتیک به یکی از تعیینکنندهترین عوامل در بازارهای کالایی تبدیل شده است. برای ایران، که یکی از ۱۰ تولیدکننده بزرگ فولاد جهان است، درک این پویاییها حیاتی است.',
+ 'رقابت آمریکا-چین، جنگ روسیه-اوکراین و تنشهای خاورمیانه سه محور اصلی ژئوپلیتیک فعلی هستند که مستقیماً بر مسیرهای تجاری فولاد تأثیر میگذارند. ایران در این سهراه قرار دارد و میتواند از برخی از این تنشها به نفع خود بهرهبرداری کند.',
+ 'کشورهای در حال توسعه آسیا و آفریقا که از فشار کشورهای غربی برای تحریم ایران سرباز میزنند، بازارهای بالقوهای هستند که فولاد ایران میتواند در آنها حضور جدی داشته باشد.',
+ ],
+ analysis: 'ایران باید استراتژی صادراتی خود را به سمت "محور جنوب جهانی" — یعنی آفریقا، آسیای جنوبشرقی و آمریکای لاتین — متمرکز کند. این کشورها نهتنها تقاضای رو به رشدی دارند، بلکه از فشارهای ژئوپلیتیک غرب نیز مصونترند.',
+ },
+ en: {
+ title: 'Geopolitics and Iran\'s Steel Export Markets', date: 'May 4, 2026',
+ excerpt: 'Global power geometry and the impact of geopolitics on Iran\'s steel export markets.',
+ body: [
+ 'In the new era of global tensions, geopolitics has become one of the most decisive factors in commodity markets. For Iran, one of the world\'s top-10 steel producers, understanding these dynamics is critical.',
+ 'The US-China rivalry, the Russia-Ukraine war, and Middle East tensions are the three main current geopolitical axes directly affecting steel trade routes. Iran sits at this crossroads and can leverage some of these tensions to its advantage.',
+ 'Developing countries in Asia and Africa that resist Western pressure to sanction Iran are potential markets where Iranian steel can establish a serious presence.',
+ ],
+ analysis: 'Iran must focus its export strategy toward the "Global South" — Africa, Southeast Asia, and Latin America. These countries not only have growing demand but are also more insulated from Western geopolitical pressures.',
+ },
},
{
id: 'r5', category: 'energy',
img: '/news/photo-1466611653911-95081537e5b7.jpg',
author: { name: 'مهندس نازنین حسینی', avatar: '/news/photo-1544005313-94ddf0286df2.jpg' },
- fa: { title: 'گذار انرژی و فولاد سبز', date: '۱۲ اردیبهشت ۱۴۰۵', excerpt: 'هیدروژن سبز و برق تجدیدپذیر مسیر کربنزدایی صنعت فولاد را شتاب میدهند.' },
- en: { title: 'Energy Transition & Green Steel', date: 'May 2, 2026', excerpt: 'Green hydrogen and renewable power are accelerating steel decarbonization.' },
+ fa: {
+ title: 'گذار انرژی و فولاد سبز', date: '۱۲ اردیبهشت ۱۴۰۵',
+ excerpt: 'هیدروژن سبز و برق تجدیدپذیر مسیر کربنزدایی صنعت فولاد را شتاب میدهند.',
+ body: [
+ 'صنعت فولاد مسئول حدود ۷ تا ۹ درصد از کل انتشار کربن جهانی است. این رقم بزرگ، این صنعت را به یکی از اهداف اصلی سیاستهای اقلیمی تبدیل کرده است. اما راهحل چیست؟',
+ 'هیدروژن سبز — هیدروژنی که با برق تجدیدپذیر تولید میشود — امیدوارکنندهترین مسیر برای کربنزدایی از فولادسازی است. به جای کک زغالسنگی، هیدروژن میتواند به عنوان عامل احیاکننده در فرایند تبدیل سنگآهن به آهن استفاده شود.',
+ 'کشورهایی مانند سوئد، آلمان و استرالیا در خط مقدم این تحول هستند. اولین واحدهای تجاری فولادسازی با هیدروژن تا پایان دهه ۲۰۲۰ راهاندازی خواهند شد.',
+ ],
+ analysis: 'برای ایران، که منابع عظیم خورشیدی و بادی دارد، تولید هیدروژن سبز یک فرصت استراتژیک است. سرمایهگذاری در این زیرساخت نهتنها صنعت فولاد داخلی را پایدار میکند، بلکه میتواند ایران را به یک صادرکننده هیدروژن تبدیل کند.',
+ },
+ en: {
+ title: 'Energy Transition & Green Steel', date: 'May 2, 2026',
+ excerpt: 'Green hydrogen and renewable power are accelerating steel decarbonization.',
+ body: [
+ 'The steel industry is responsible for around 7-9% of global carbon emissions. This large figure has made it a primary target of climate policies. But what is the solution?',
+ 'Green hydrogen — hydrogen produced with renewable electricity — is the most promising path for decarbonizing steelmaking. Instead of metallurgical coke, hydrogen can be used as a reducing agent in converting iron ore to iron.',
+ 'Countries like Sweden, Germany and Australia are at the forefront of this transformation. The first commercial hydrogen steelmaking units will be commissioned by the end of the 2020s.',
+ ],
+ analysis: 'For Iran, which has vast solar and wind resources, green hydrogen production is a strategic opportunity. Investment in this infrastructure not only makes the domestic steel industry sustainable but could also turn Iran into a hydrogen exporter.',
+ },
},
{
id: 'r6', category: 'tech',
img: '/news/photo-1567789884554-0b844b597180.jpg',
author: { name: 'دکتر سارا احمدی', avatar: '/news/photo-1494790108377-be9c29b29330.jpg' },
- fa: { title: 'اتوماسیون خطوط نورد', date: '۱۰ اردیبهشت ۱۴۰۵', excerpt: 'سیستمهای کنترل هوشمند بهرهوری خطوط نورد را تا ۲۲٪ افزایش دادهاند.' },
- en: { title: 'Rolling Line Automation', date: 'Apr 30, 2026', excerpt: 'Smart control systems have boosted rolling-line productivity by up to 22%.' },
+ fa: {
+ title: 'اتوماسیون خطوط نورد', date: '۱۰ اردیبهشت ۱۴۰۵',
+ excerpt: 'سیستمهای کنترل هوشمند بهرهوری خطوط نورد را تا ۲۲٪ افزایش دادهاند.',
+ body: [
+ 'خطوط نورد فولاد یکی از پیچیدهترین و پرانرژیترین بخشهای تولید فولاد هستند. کنترل دقیق دما، فشار و سرعت در هر مرحله از نورد، تعیینکننده کیفیت نهایی محصول است.',
+ 'سیستمهای هوشمند کنترل فرایند با استفاده از دوربینهای پرسرعت، سنسورهای دما و الگوریتمهای یادگیری ماشین، توانستهاند این پارامترها را در زمان واقعی بهینه کنند.',
+ 'نتایج حاصل چشمگیر است: کاهش ضایعات تولید تا ۳۰ درصد، افزایش عمر تجهیزات تا ۴۰ درصد و بهبود یکنواختی کیفیت محصول تا ۲۵ درصد.',
+ ],
+ analysis: 'سرمایهگذاری در اتوماسیون خطوط نورد با دوره بازگشت سرمایه کمتر از سه سال، یکی از اقتصادیترین اقدامات برای بهبود رقابتپذیری کارخانههای فولاد ایران است.',
+ },
+ en: {
+ title: 'Rolling Line Automation', date: 'Apr 30, 2026',
+ excerpt: 'Smart control systems have boosted rolling-line productivity by up to 22%.',
+ body: [
+ 'Steel rolling mills are among the most complex and energy-intensive parts of steel production. Precise control of temperature, pressure and speed at each rolling stage determines the final product quality.',
+ 'Intelligent process control systems using high-speed cameras, temperature sensors and machine learning algorithms have been able to optimize these parameters in real time.',
+ 'The results are impressive: up to 30% reduction in production waste, 40% increase in equipment life and 25% improvement in product quality consistency.',
+ ],
+ analysis: 'Investment in rolling line automation, with a payback period of less than three years, is one of the most economical measures for improving the competitiveness of Iranian steel plants.',
+ },
},
{
id: 'r7', category: 'commodity',
img: '/news/photo-1570168007204-dfb528c6958f.jpg',
author: { name: 'مهندس رضا کریمی', avatar: '/news/photo-1500648767791-00dcc994a43e.jpg' },
- fa: { title: 'زنجیره تأمین سنگآهن', date: '۸ اردیبهشت ۱۴۰۵', excerpt: 'نوسانات عرضه سنگآهن استرالیا و برزیل و پیامد آن برای تولیدکنندگان منطقه.' },
- en: { title: 'Iron Ore Supply Chain', date: 'Apr 28, 2026', excerpt: 'Australian and Brazilian iron-ore supply swings and their regional fallout.' },
+ fa: {
+ title: 'زنجیره تأمین سنگآهن', date: '۸ اردیبهشت ۱۴۰۵',
+ excerpt: 'نوسانات عرضه سنگآهن استرالیا و برزیل و پیامد آن برای تولیدکنندگان منطقه.',
+ body: [
+ 'استرالیا و برزیل با هم بیش از ۶۰ درصد از صادرات جهانی سنگآهن را در اختیار دارند. هرگونه اختلال در این دو کشور — از طوفانهای استوایی تا اعتصابهای کارگری — میتواند موجی از نوسانات قیمتی را در سراسر بازار جهانی فولاد ایجاد کند.',
+ 'در سال ۲۰۲۵، بارندگیهای شدید در ایالت پارا برزیل باعث توقف ۳ هفتهای عملیات معدن ساراماروکا شد و قیمت سنگآهن را تا ۱۸ درصد در یک هفته افزایش داد.',
+ 'راهحل بلندمدت برای کشورهای وابسته، تنوعبخشی به منابع تأمین سنگآهن است. آفریقای غربی، بهویژه گینه، پتانسیل بزرگی برای تبدیل شدن به یک تأمینکننده اصلی در دهه آینده دارد.',
+ ],
+ analysis: 'ایران با داشتن ذخایر قابل توجه سنگآهن داخلی، در موقعیت نسبتاً مطلوبی قرار دارد. اما برای رسیدن به خودکفایی کامل، نیاز به سرمایهگذاری جدی در اکتشاف و توسعه معادن جدید وجود دارد.',
+ },
+ en: {
+ title: 'Iron Ore Supply Chain', date: 'Apr 28, 2026',
+ excerpt: 'Australian and Brazilian iron-ore supply swings and their regional fallout.',
+ body: [
+ 'Australia and Brazil together control over 60% of global iron ore exports. Any disruption in these two countries — from tropical storms to labor strikes — can create waves of price volatility across the global steel market.',
+ 'In 2025, heavy rains in Brazil\'s Pará state caused a 3-week halt in operations at the Saramarca mine, pushing iron ore prices up 18% in a single week.',
+ 'The long-term solution for dependent countries is diversifying iron ore supply sources. West Africa, particularly Guinea, has significant potential to become a major supplier in the next decade.',
+ ],
+ analysis: 'Iran, with its significant domestic iron ore reserves, is in a relatively favorable position. However, achieving full self-sufficiency requires serious investment in exploration and development of new mines.',
+ },
},
{
id: 'r8', category: 'market',
img: '/news/photo-1540575467063-178a50c2df87.jpg',
author: { name: 'دکتر مریم رضایی', avatar: '/news/photo-1438761681033-6461ffad8d80.jpg' },
- fa: { title: 'تحلیل بازار جهانی فولاد', date: '۶ اردیبهشت ۱۴۰۵', excerpt: 'سیل صادرات فولاد چین و فشار قیمتی بر بازارهای هدف صادراتی ایران.' },
- en: { title: 'Global Steel Market Analysis', date: 'Apr 26, 2026', excerpt: 'China\'s steel export flood and price pressure on Iran\'s target markets.' },
+ fa: {
+ title: 'تحلیل بازار جهانی فولاد', date: '۶ اردیبهشت ۱۴۰۵',
+ excerpt: 'سیل صادرات فولاد چین و فشار قیمتی بر بازارهای هدف صادراتی ایران.',
+ body: [
+ 'چین با تولید بیش از ۱ میلیارد تن فولاد در سال — که بیش از نیمی از تولید جهانی است — بازیگر مسلط بازار جهانی است. در سالهای اخیر، به دلیل رکود بخش مسکن داخلی، چین با مازاد ظرفیت روبرو شده و این مازاد را از طریق افزایش صادرات تخلیه کرده است.',
+ 'این سیل صادرات چینی، قیمتها را در بازارهای هدف — از جنوبشرق آسیا تا خاورمیانه — به شدت کاهش داده است. صادرکنندگان فولاد ایران که با تحریمها هم دستوپنجه نرم میکنند، اکنون باید با این فشار قیمتی اضافی هم کنار بیایند.',
+ 'اتحادیه اروپا و آمریکا با وضع تعرفههای سنگین بر فولاد چینی واکنش نشان دادهاند، اما این کشورها بازار هدف اصلی ایران نیستند. رقابت در بازارهای آسیا و آفریقا همچنان شدید است.',
+ ],
+ analysis: 'تنها راه رقابت با فولاد ارزان چینی، ارتقای کیفیت و تخصصیسازی است. محصولات فولادی با ارزش افزوده بالا — مانند فولادهای آلیاژی خاص، فولاد ضدزنگ و مقاطع پیچیده ساختمانی — کمتر تحت فشار قیمتی چین هستند.',
+ },
+ en: {
+ title: 'Global Steel Market Analysis', date: 'Apr 26, 2026',
+ excerpt: 'China\'s steel export flood and price pressure on Iran\'s target markets.',
+ body: [
+ 'China, producing over 1 billion tons of steel per year — more than half of global output — is the dominant player in world markets. In recent years, due to a domestic real estate slump, China has faced excess capacity and has been releasing it through increased exports.',
+ 'This flood of Chinese exports has severely depressed prices in target markets — from Southeast Asia to the Middle East. Iranian steel exporters, already wrestling with sanctions, must now cope with this additional pricing pressure.',
+ 'The EU and US have responded with heavy tariffs on Chinese steel, but these are not Iran\'s primary target markets. Competition in Asia and Africa remains intense.',
+ ],
+ analysis: 'The only way to compete with cheap Chinese steel is through quality upgrading and specialization. High value-added steel products — such as special alloy steels, stainless steel and complex structural sections — are less exposed to Chinese price pressure.',
+ },
},
]
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
const RADAR_CATEGORIES: RadarCategory[] = ['market', 'tech', 'commodity', 'geo', 'energy']
diff --git a/src/content/radarCategories.ts b/src/content/radarCategories.ts
index 4c14f84..4841178 100644
--- a/src/content/radarCategories.ts
+++ b/src/content/radarCategories.ts
@@ -220,7 +220,7 @@ export { BOOK_IMG }
──────────────────────────────────────────────────────────────── */
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API ||
- 'http://localhost:3001'
+ ''
const VALID_SLUGS = new Set(RADAR_SLUGS)
const VALID_CATS: RadarCategory[] = ['market', 'tech', 'commodity', 'geo', 'energy']
diff --git a/src/context/AuthContext.tsx b/src/context/AuthContext.tsx
new file mode 100644
index 0000000..5e209ed
--- /dev/null
+++ b/src/context/AuthContext.tsx
@@ -0,0 +1,102 @@
+import React, { createContext, useContext, useState, useCallback } from 'react'
+
+const BASE = import.meta.env.VITE_PANEL_API ?? ''
+
+export interface Member {
+ id: number
+ name: string
+ email: string
+ phone?: string
+ avatar?: string
+}
+
+interface AuthState {
+ token: string | null
+ member: Member | null
+}
+
+interface AuthContextValue extends AuthState {
+ login: (email: string, password: string) => Promise
+ register: (name: string, email: string, password: string, phone?: string, org?: string) => Promise
+ logout: () => void
+ updateMember: (data: Partial) => void
+}
+
+const AuthContext = createContext(null)
+
+function load(): AuthState {
+ try {
+ const token = localStorage.getItem('member_token')
+ const raw = localStorage.getItem('member_info')
+ if (token && raw) return { token, member: JSON.parse(raw) }
+ } catch { /* ignore */ }
+ return { token: null, member: null }
+}
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+ const [state, setState] = useState(load)
+
+ const login = useCallback(async (email: string, password: string) => {
+ const res = await fetch(`${BASE}/api/members/login`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email, password }),
+ })
+ const data = await res.json()
+ if (!res.ok) throw new Error(data.error || 'خطا در ورود')
+ localStorage.setItem('member_token', data.token)
+ localStorage.setItem('member_info', JSON.stringify(data.user))
+ setState({ token: data.token, member: data.user })
+ }, [])
+
+ const register = useCallback(async (name: string, email: string, password: string, phone?: string, org?: string) => {
+ const res = await fetch(`${BASE}/api/members/register`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ name, email, password, phone, org }),
+ })
+ const data = await res.json()
+ if (!res.ok) throw new Error(data.error || 'خطا در ثبتنام')
+ localStorage.setItem('member_token', data.token)
+ localStorage.setItem('member_info', JSON.stringify(data.user))
+ setState({ token: data.token, member: data.user })
+ }, [])
+
+ const logout = useCallback(() => {
+ localStorage.removeItem('member_token')
+ localStorage.removeItem('member_info')
+ setState({ token: null, member: null })
+ }, [])
+
+ const updateMember = useCallback((data: Partial) => {
+ setState(prev => {
+ if (!prev.member) return prev
+ const updated = { ...prev.member, ...data }
+ localStorage.setItem('member_info', JSON.stringify(updated))
+ return { ...prev, member: updated }
+ })
+ }, [])
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useAuth() {
+ const ctx = useContext(AuthContext)
+ if (!ctx) throw new Error('useAuth must be inside AuthProvider')
+ return ctx
+}
+
+export function authFetch(token: string, path: string, opts: RequestInit = {}) {
+ return fetch(`${BASE}${path}`, {
+ ...opts,
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${token}`,
+ ...(opts.headers as Record ?? {}),
+ },
+ })
+}
diff --git a/src/data/about.ts b/src/data/about.ts
index 4a4fde6..f3f8a9d 100644
--- a/src/data/about.ts
+++ b/src/data/about.ts
@@ -103,7 +103,7 @@ export const advisoryBoard: AdvisoryMember[] = [
},
];
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
export async function bootstrapAbout(): Promise {
try {
diff --git a/src/data/banners.ts b/src/data/banners.ts
index d91559b..ccf0a38 100644
--- a/src/data/banners.ts
+++ b/src/data/banners.ts
@@ -46,7 +46,7 @@ export function bannerFor(position: string): Banner | undefined {
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API ||
- 'http://localhost:3001'
+ ''
export async function bootstrapBanners(): Promise {
try {
diff --git a/src/data/events.ts b/src/data/events.ts
index f0f9b90..5b38103 100644
--- a/src/data/events.ts
+++ b/src/data/events.ts
@@ -94,7 +94,7 @@ export const events: Event[] = [
},
];
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
export async function bootstrapEvents(): Promise {
try {
diff --git a/src/data/market.ts b/src/data/market.ts
index 940c530..bd52ea2 100644
--- a/src/data/market.ts
+++ b/src/data/market.ts
@@ -178,7 +178,7 @@ export const stats: InstituteStats = {
subscribers: 2800,
};
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
/** Map an institute_stats row id back onto the InstituteStats object key. */
const STAT_KEY_BY_ID: Record = {
diff --git a/src/data/media.ts b/src/data/media.ts
index fbb31a5..fb602e1 100644
--- a/src/data/media.ts
+++ b/src/data/media.ts
@@ -35,62 +35,102 @@ export interface PodcastItem {
export const videos: VideoItem[] = [
{
id: 1,
- fa: { title: 'نگاهی به آن سوی مرزهای تولید', guest: 'گفتگو با مهندس سیامک فجری',
- body: 'در ویدیوکست «Steel Horizon»، ما فراتر از دادههای خام قیمت و تناژ، به سراغ مهندسی تغییر و معماری آینده صنعت میرویم. اینجا محل تلاقی استراتژیهای کلان، تکنولوژیهای برهمزننده و رهبرانی است که فولاد فردا را نه با کورهها، که با «بینش» میسازند. ما طوفانهای بازار را تحلیل میکنیم تا شما با اطمینان، مسیر آینده را ترسیم کنید.\nصنعت فولاد در حال ورود به پیچیدهترین چرخه حیات خود است؛ جایی که هوش مصنوعی، مقررات کربنی و ژئواکونومی، قواعد بازی را بازنویسی کردهاند. در «Steel Logic» با تحلیلگران ارشد و استراتژیستهای تراز اول، به گفتگو مینشینیم تا لایههای پنهان این پیچیدگیها را آشکار کنیم. اینجا خبری از هیجانزدگی نیست؛ فقط تحلیلهای دادهمحور و تصمیمساز.' },
- en: { title: 'Beyond the Frontiers of Production', guest: 'A talk with Eng. Siamak Fajri',
- body: 'In the "Steel Horizon" videocast we go beyond raw price and tonnage data to the engineering of change and the architecture of the industry\'s future.' },
+ fa: { title: 'نگاهی به آن سوی مرزهای تولید', guest: 'مهندس سیامک فجری',
+ body: 'فراتر از دادههای خام قیمت و تناژ، به سراغ مهندسی تغییر و معماری آینده صنعت میرویم.' },
+ en: { title: 'Beyond the Frontiers of Production', guest: 'Eng. Siamak Fajri',
+ body: 'Going beyond raw price and tonnage data to the engineering of change.' },
ep: 'EP.12', duration: '۴۲ دقیقه', date: '۲۵ خرداد ۱۴۰۵', thumb: '/news/photo-1504307651254-35680f356dfd.jpg',
},
{
id: 2,
- fa: { title: 'تحلیل بازار جهانی فلزات پایه', guest: 'گفتگو با کارشناسان بازار',
- body: 'نوسانات قیمت مس، آلومینیوم و روی و تأثیر آن بر زنجیره فولاد را با تحلیلگران بازار بررسی میکنیم.' },
- en: { title: 'Global Base Metals Analysis', guest: 'With market analysts',
+ fa: { title: 'تحلیل بازار جهانی فلزات پایه', guest: 'دکتر نیلوفر احمدی',
+ body: 'نوسانات قیمت مس، آلومینیوم و روی و تأثیر آن بر زنجیره ارزش فولاد.' },
+ en: { title: 'Global Base Metals Analysis', guest: 'Dr. Niloofar Ahmadi',
body: 'Price volatility in copper, aluminum and zinc and its steel-chain impact.' },
ep: 'EP.11', duration: '۳۸ دقیقه', date: '۱۸ خرداد ۱۴۰۵', thumb: '/news/photo-1558618666-fcd25c85cd64.jpg',
},
{
id: 3,
- fa: { title: 'ژئوپلیتیک و صادرات فولاد', guest: 'گفتگو با تحلیلگران ژئواکونومی',
+ fa: { title: 'ژئوپلیتیک و صادرات فولاد ایران', guest: 'مهندس فرید تهرانی',
body: 'تأثیر تحولات منطقهای بر بازارهای صادراتی فولاد ایران و فرصتهای پیش رو.' },
- en: { title: 'Geopolitics & Steel Exports', guest: 'With geo-economics analysts',
- body: 'How regional developments shape Iran\'s steel export markets.' },
+ en: { title: 'Geopolitics & Iran Steel Exports', guest: 'Eng. Farid Tehrani',
+ body: 'How regional developments shape Iran\'s steel export markets and opportunities ahead.' },
ep: 'EP.10', duration: '۵۱ دقیقه', date: '۱۱ خرداد ۱۴۰۵', thumb: '/news/photo-1504328345606-18bbc8c9d7d1.jpg',
},
{
id: 4,
- fa: { title: 'سرمایهگذاری در صنعت فولاد', guest: 'گفتگو با مدیران سرمایهگذاری',
+ fa: { title: 'سرمایهگذاری در زنجیره ارزش فولاد', guest: 'دکتر آرش کریمی',
body: 'فرصتها و چالشهای سرمایهگذاری در بخشهای مختلف زنجیره ارزش فولاد.' },
- en: { title: 'Steel Industry Investment', guest: 'With investment managers',
- body: 'Opportunities and challenges across the steel value chain.' },
+ en: { title: 'Investing in the Steel Value Chain', guest: 'Dr. Arash Karimi',
+ body: 'Opportunities and challenges across the steel value chain segments.' },
ep: 'EP.09', duration: '۴۵ دقیقه', date: '۴ خرداد ۱۴۰۵', thumb: '/news/photo-1611273426858-450d8e3c9fce.jpg',
},
+ {
+ id: 5,
+ fa: { title: 'آینده فولاد سبز در ایران', guest: 'مهندس کاوه رستمی',
+ body: 'مسیر گذار به فولاد کمکربن در ایران؛ چالشها، فرصتها و ضرورت سرمایهگذاری.' },
+ en: { title: 'The Future of Green Steel in Iran', guest: 'Eng. Kaveh Rostami',
+ body: 'The road to low-carbon steel in Iran: challenges, opportunities and investment needs.' },
+ ep: 'EP.08', duration: '۳۶ دقیقه', date: '۲۸ اردیبهشت ۱۴۰۵', thumb: '/news/photo-1566873535350-6586b0b7a1f2.jpg',
+ },
+ {
+ id: 6,
+ fa: { title: 'هوش مصنوعی و تحول کارخانههای فولاد', guest: 'دکتر رضا محمدی',
+ body: 'چگونه یادگیری ماشین کارایی خطوط تولید فولاد را متحول میکند.' },
+ en: { title: 'AI and the Steel Plant Revolution', guest: 'Dr. Reza Mohammadi',
+ body: 'How machine learning is transforming the efficiency of steel production lines.' },
+ ep: 'EP.07', duration: '۴۹ دقیقه', date: '۲۱ اردیبهشت ۱۴۰۵', thumb: '/news/photo-1578662996442-48f60103fc96.jpg',
+ },
]
export const podcasts: PodcastItem[] = [
{
id: 1,
- epNum: 'اپیزود ۷۷', date: '۲۵ / خرداد / ۱۴۰۵', rating: '۴/۵', duration: '۱۰:۵۶', cover: '/news/photo-1540575467063-178a50c2df87.jpg',
- fa: { title: 'کالبدشکافی عقلانی پیچیدگیهای صنعتی', ep: 'قسمت ۱۲', guest: 'مهندس سیامک شجاعی',
- body: '«صنعت فولاد در عصر حاضر، در پیچیدهترین چرخه حیات خود قرار گرفته است؛ جایی که همگرایی هوش مصنوعی، الزامات زیستمحیطی و تنشهای ژئواکونومیک، قواعد کلاسیک تولید و تجارت را بهکلی بازنویسی کردهاند. در پادکست «نام انتخابی»، ما با عبور از هیاهوی رسانهای و تحلیلهای سطحی، به کالبدشکافی عقلانی این پیچیدگیها میپردازیم. ما با دعوت از استراتژیستهای تراز اول و خبرگان این حوزه، لایههای پنهان چالشهای صنعتی را میشکافیم تا بینشی شفاف، دادهمحور و تصمیمساز را در اختیار رهبری قرار دهیم که برای عبور از طوفانهای تغییر، به قطبنمای دقیقتر از عرفهای بازار نیاز دارند.»' },
- en: { title: 'A Rational Dissection of Industrial Complexity', ep: 'Episode 12', guest: 'Eng. Siamak Shojaei',
+ epNum: 'اپیزود ۷۷', date: '۲۵ / خرداد / ۱۴۰۵', rating: '۴.۸/۵', duration: '۵۶:۱۲', cover: '/news/photo-1540575467063-178a50c2df87.jpg',
+ fa: { title: 'کالبدشکافی عقلانی پیچیدگیهای صنعتی', ep: 'قسمت ۷۷', guest: 'مهندس سیامک شجاعی',
+ body: 'صنعت فولاد در عصر حاضر، در پیچیدهترین چرخه حیات خود قرار گرفته است؛ جایی که همگرایی هوش مصنوعی، الزامات زیستمحیطی و تنشهای ژئواکونومیک، قواعد کلاسیک تولید و تجارت را بهکلی بازنویسی کردهاند.' },
+ en: { title: 'A Rational Dissection of Industrial Complexity', ep: 'Episode 77', guest: 'Eng. Siamak Shojaei',
body: 'Steel today is in its most complex cycle yet — where AI, environmental mandates and geo-economic tension rewrite the classic rules of production and trade.' },
},
{
id: 2,
- epNum: 'اپیزود ۷۶', date: '۱۸ / خرداد / ۱۴۰۵', rating: '۴/۵', duration: '۱:۴۰:۱۸', cover: '/news/photo-1566873535350-6586b0b7a1f2.jpg',
- fa: { title: 'آزمایشگاه کوره', ep: 'قسمت ۸', guest: 'کارشناسان بازار',
- body: '«The Foundry Lab» محلی برای کالبدشکافی دقیق تحولات فناورانه و مدلهای نوین فولادسازی است. ما در این پادکست با نگاهی موشکافانه، چالشهای فنی را بررسی میکنیم.' },
- en: { title: 'The Foundry Lab', ep: 'Episode 8', guest: 'Market experts',
- body: 'The Foundry Lab dissects technological change and new steelmaking models with a meticulous engineering lens.' },
+ epNum: 'اپیزود ۷۶', date: '۱۸ / خرداد / ۱۴۰۵', rating: '۴.۶/۵', duration: '۱:۰۴:۳۳', cover: '/news/photo-1566873535350-6586b0b7a1f2.jpg',
+ fa: { title: 'آزمایشگاه کوره؛ فناوریهای نوین فولادسازی', ep: 'قسمت ۷۶', guest: 'دکتر رضا محمدی',
+ body: 'در این اپیزود با نگاهی موشکافانه به چالشهای فنی گذار از کورههای بلند به فولادسازی پاک میپردازیم.' },
+ en: { title: 'The Foundry Lab: New Steelmaking Technologies', ep: 'Episode 76', guest: 'Dr. Reza Mohammadi',
+ body: 'A meticulous look at the technical challenges of transitioning from blast furnaces to clean steelmaking.' },
},
{
id: 3,
- epNum: 'اپیزود ۷۵', date: '۱۱ / خرداد / ۱۴۰۵', rating: '۴/۵', duration: '۱:۴۰:۱۸', cover: '/news/photo-1578662996442-48f60103fc96.jpg',
- fa: { title: 'معمار فولاد', ep: 'قسمت ۵', guest: 'رهبران صنعت',
- body: 'در «Steel Architect»، ما به سراغ داستان ساختن فولاد فردا میرویم؛ روایتی که رهبرانی که از مدلهای سنتی کسبوکار به چالش کشیدهاند را به تصویر میکشد.' },
- en: { title: 'Steel Architect', ep: 'Episode 5', guest: 'Industry leaders',
- body: 'Steel Architect tells the story of building tomorrow\'s steel — leaders challenging traditional business models.' },
+ epNum: 'اپیزود ۷۵', date: '۱۱ / خرداد / ۱۴۰۵', rating: '۴.۵/۵', duration: '۴۸:۵۷', cover: '/news/photo-1578662996442-48f60103fc96.jpg',
+ fa: { title: 'معمار فولاد؛ رهبری در عصر تحول', ep: 'قسمت ۷۵', guest: 'مهندس کاوه رستمی',
+ body: 'داستان ساختن فولاد فردا؛ روایت رهبرانی که مدلهای سنتی کسبوکار را به چالش کشیدهاند.' },
+ en: { title: 'Steel Architect: Leadership in the Age of Change', ep: 'Episode 75', guest: 'Eng. Kaveh Rostami',
+ body: 'The story of building tomorrow\'s steel — leaders challenging traditional business models.' },
+ },
+ {
+ id: 4,
+ epNum: 'اپیزود ۷۴', date: '۴ / خرداد / ۱۴۰۵', rating: '۴.۷/۵', duration: '۵۲:۱۸', cover: '/news/photo-1504328345606-18bbc8c9d7d1.jpg',
+ fa: { title: 'فولاد سبز؛ رویا یا واقعیت؟', ep: 'قسمت ۷۴', guest: 'دکتر نیلوفر احمدی',
+ body: 'بررسی مسیر دشوار و پرهزینه گذار به تولید فولاد با کمترین انتشار کربن و آنچه صنعت ایران باید بداند.' },
+ en: { title: 'Green Steel: Dream or Reality?', ep: 'Episode 74', guest: 'Dr. Niloofar Ahmadi',
+ body: 'Examining the costly and challenging road to near-zero carbon steel production and what Iranian industry must know.' },
+ },
+ {
+ id: 5,
+ epNum: 'اپیزود ۷۳', date: '۲۸ / اردیبهشت / ۱۴۰۵', rating: '۴.۴/۵', duration: '۱:۱۲:۴۴', cover: '/news/photo-1558618666-fcd25c85cd64.jpg',
+ fa: { title: 'بازی بزرگ؛ چین، هند و آینده بازار فولاد', ep: 'قسمت ۷۳', guest: 'مهندس فرید تهرانی',
+ body: 'چگونه رقابت دو غول آسیایی مسیر بازار جهانی فولاد را در دهه پیش رو تغییر خواهد داد.' },
+ en: { title: 'The Great Game: China, India & the Future of Steel', ep: 'Episode 73', guest: 'Eng. Farid Tehrani',
+ body: 'How competition between two Asian giants will reshape the global steel market in the decade ahead.' },
+ },
+ {
+ id: 6,
+ epNum: 'اپیزود ۷۲', date: '۲۱ / اردیبهشت / ۱۴۰۵', rating: '۴.۳/۵', duration: '۴۴:۰۲', cover: '/news/photo-1611273426858-450d8e3c9fce.jpg',
+ fa: { title: 'هوش مصنوعی در خط تولید فولاد', ep: 'قسمت ۷۲', guest: 'دکتر آرش کریمی',
+ body: 'کاربردهای عملی یادگیری ماشین در بهینهسازی فرآیند ذوب، کنترل کیفیت و نگهداری پیشگیرانه.' },
+ en: { title: 'AI on the Steel Production Line', ep: 'Episode 72', guest: 'Dr. Arash Karimi',
+ body: 'Practical applications of machine learning in melt optimization, quality control and predictive maintenance.' },
},
]
@@ -129,7 +169,7 @@ function articleToPodcast(a: Record, i: number): PodcastItem {
}
}
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
export async function bootstrapMedia(): Promise {
try {
diff --git a/src/data/plans.ts b/src/data/plans.ts
index 80f4901..6397539 100644
--- a/src/data/plans.ts
+++ b/src/data/plans.ts
@@ -75,7 +75,7 @@ export const plans: Plan[] = [
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API ||
- 'http://localhost:3001';
+ '';
export async function bootstrapPlans(): Promise {
try {
diff --git a/src/data/reports.ts b/src/data/reports.ts
index 0ae4ed8..b5aaebc 100644
--- a/src/data/reports.ts
+++ b/src/data/reports.ts
@@ -23,6 +23,7 @@ export interface Report {
summary: string;
tags: string[];
featured: boolean;
+ coverImage?: string;
}
export const reports: Report[] = [
@@ -336,7 +337,7 @@ export const reports: Report[] = [
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env
- ?.VITE_PANEL_API || 'http://localhost:3001';
+ ?.VITE_PANEL_API || '';
export async function bootstrapReports(): Promise {
try {
diff --git a/src/data/risks.ts b/src/data/risks.ts
index b145b0c..62d8e84 100644
--- a/src/data/risks.ts
+++ b/src/data/risks.ts
@@ -47,7 +47,7 @@ function mapLevel(level: unknown): RiskLevel {
const PANEL_API =
(import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API ||
- 'http://localhost:3001';
+ '';
export async function bootstrapRisks(): Promise {
try {
diff --git a/src/data/team.ts b/src/data/team.ts
index e7b6e00..31daa07 100644
--- a/src/data/team.ts
+++ b/src/data/team.ts
@@ -108,7 +108,7 @@ export const team: TeamMember[] = [
},
];
-const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || 'http://localhost:3001'
+const PANEL_API = (import.meta as ImportMeta & { env?: Record }).env?.VITE_PANEL_API || ''
export async function bootstrapTeam(): Promise {
try {
diff --git a/src/lib/api.ts b/src/lib/api.ts
index d5f2acd..890de5c 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -1,4 +1,4 @@
-const BASE = import.meta.env.VITE_PANEL_API ?? 'http://localhost:3001'
+const BASE = import.meta.env.VITE_PANEL_API ?? ''
async function get(path: string, params?: Record): Promise {
const url = new URL(`${BASE}${path}`)
diff --git a/src/main.tsx b/src/main.tsx
index 56d0b84..f140aa1 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client'
import { RouterProvider } from 'react-router-dom'
import './index.css'
import { router } from './app/router'
+import { AuthProvider } from './context/AuthContext'
import { bootstrapReports } from './data/reports'
import { bootstrapEvents } from './data/events'
import { bootstrapTeam } from './data/team'
@@ -25,6 +26,8 @@ await Promise.all([
createRoot(document.getElementById('root')!).render(
-
+
,
)
\ No newline at end of file
diff --git a/src/pages/AtAGlance/AtAGlance.tsx b/src/pages/AtAGlance/AtAGlance.tsx
index 0c74b75..1f96227 100644
--- a/src/pages/AtAGlance/AtAGlance.tsx
+++ b/src/pages/AtAGlance/AtAGlance.tsx
@@ -1,38 +1,490 @@
+import { useState } from 'react'
+import { AnimatePresence, motion } from 'framer-motion'
+import { Zap, X, AlertTriangle, Globe, Calendar } from 'lucide-react'
import { useLang } from '@/context/LangContext'
-import AtAGlanceSection from '@/pages/Home/sections/AtAGlanceSection'
+const NAVY = '#032340'
+const GOLD = '#CD9E53'
+
+/* ─── types ─── */
+type Tab = 'market' | 'tech' | 'geo' | 'energy' | 'commodity'
+
+type Card = {
+ id: string
+ tab: Tab
+ img: string
+ titleFa: string; titleEn: string
+ bodyFa: string[]; bodyEn: string[]
+ analysisFa: string; analysisEn: string
+ tags: string[]
+ source: string
+ dateFa: string; dateEn: string
+}
+
+/* ─── data ─── */
+const TABS: { id: Tab; fa: string; en: string }[] = [
+ { id: 'market', fa: 'بازار', en: 'Market' },
+ { id: 'tech', fa: 'فناوری', en: 'Technology' },
+ { id: 'geo', fa: 'ژئوپلیتیک', en: 'Geopolitics' },
+ { id: 'energy', fa: 'انرژی', en: 'Energy' },
+ { id: 'commodity', fa: 'کامودیتی', en: 'Commodity' },
+]
+
+const CARDS: Card[] = [
+ {
+ id: 'c1', tab: 'market',
+ img: '/news/photo-1504307651254-35680f356dfd.jpg',
+ titleFa: 'شوک هیدروژنی به بازار جهانی فولاد',
+ titleEn: 'Hydrogen Shock to Global Steel Markets',
+ bodyFa: [
+ 'پروژه عظیم «فولاد سبز H2» در سوئد با جذب بیسابقه ۶.۵ میلیارد یورو سرمایه، رسماً وارد فاز اجرایی شد.',
+ 'این تأسیسات با هدف کاهش ۹۵ درصدی انتشار CO₂، قواعد رقابت در زنجیره ارزش اروپا را برای همیشه بازتعریف میکند.',
+ ],
+ bodyEn: [
+ 'Sweden\'s massive Green Steel H2 project, raising an unprecedented €6.5bn, has officially entered execution phase.',
+ 'Targeting a 95% cut in CO₂ emissions, this facility is set to redefine competitive rules in Europe\'s value chain.',
+ ],
+ analysisFa: 'تحول فولاد سبز، فرصت صادراتی ایران را در بازارهای سنتی تهدید میکند.',
+ analysisEn: 'Green steel transformation threatens Iran\'s export opportunities in traditional markets.',
+ tags: ['فولاد سبز', 'هیدروژن', 'اروپا'],
+ source: 'Financial Times', dateFa: '۱۴ اردیبهشت ۱۴۰۵', dateEn: 'May 4, 2026',
+ },
+ {
+ id: 'c2', tab: 'market',
+ img: '/news/photo-1581092160607-ee22731c9b4e.jpg',
+ titleFa: 'CBAM اروپا وارد اجرای کامل شد',
+ titleEn: 'EU CBAM Enters Full Enforcement',
+ bodyFa: [
+ 'با اجرای کامل مکانیسم تنظیم مرزهای کربنی، صادرکنندگان فولاد به اروپا موظف به پرداخت هزینه کامل کربن شدند.',
+ 'این تحول فشار بیسابقهای بر تولیدکنندگان مبتنی بر کوره بلند وارد کرده است.',
+ ],
+ bodyEn: [
+ 'With CBAM fully enforced, steel exporters to the EU must now pay the full cost of embedded carbon.',
+ 'This places unprecedented pressure on blast-furnace producers globally.',
+ ],
+ analysisFa: 'ایران باید فوریترین اولویت خود را کربنزدایی از فرآیند تولید قرار دهد.',
+ analysisEn: 'Iran must make decarbonization its most urgent industrial priority.',
+ tags: ['CBAM', 'کربن', 'صادرات'],
+ source: 'Reuters', dateFa: '۱۲ اردیبهشت ۱۴۰۵', dateEn: 'May 2, 2026',
+ },
+ {
+ id: 'c3', tab: 'tech',
+ img: '/news/photo-1518770660439-4636190af475.jpg',
+ titleFa: 'هوش مصنوعی تقاضای فولاد مراکز داده را بازتعریف میکند',
+ titleEn: 'AI Rewrites Steel Demand for Data Centers',
+ bodyFa: [
+ 'موج ساخت مراکز داده هوش مصنوعی، تقاضای جدیدی برای مقاطع ساختمانی و فولاد ویژه ایجاد کرده است.',
+ 'تحلیلگران پیشبینی میکنند این روند تا پایان دهه یکی از پیشرانهای اصلی رشد مصرف فولاد باشد.',
+ ],
+ bodyEn: [
+ 'The AI data-center construction wave is creating fresh demand for structural sections and specialty steel.',
+ 'Analysts project this trend to be a leading driver of steel consumption growth through the decade.',
+ ],
+ analysisFa: 'فولادسازان باید ظرفیت تولید مقاطع ساختمانی پیشرفته را افزایش دهند.',
+ analysisEn: 'Steel producers must expand capacity for advanced structural sections.',
+ tags: ['هوش مصنوعی', 'مراکز داده', 'تقاضا'],
+ source: 'Bloomberg', dateFa: '۱۰ اردیبهشت ۱۴۰۵', dateEn: 'Apr 30, 2026',
+ },
+ {
+ id: 'c4', tab: 'tech',
+ img: '/news/photo-1567789884554-0b844b597180.jpg',
+ titleFa: 'اتوماسیون کورههای القایی در ایران',
+ titleEn: 'Induction Furnace Automation in Iran',
+ bodyFa: [
+ 'چندین کارخانه بزرگ فولاد ایران سرمایهگذاری در سیستمهای کنترل هوشمند کوره را آغاز کردهاند.',
+ 'این سیستمها توانایی کاهش مصرف انرژی تا ۱۵ درصد را دارند.',
+ ],
+ bodyEn: [
+ 'Several major Iranian steel plants have begun investing in smart furnace control systems.',
+ 'These systems are capable of reducing energy consumption by up to 15%.',
+ ],
+ analysisFa: 'گام مثبتی است اما سرعت پیادهسازی باید افزایش یابد.',
+ analysisEn: 'A positive step, but implementation speed must increase.',
+ tags: ['اتوماسیون', 'کوره', 'انرژی'],
+ source: 'فولاد نیوز', dateFa: '۸ اردیبهشت ۱۴۰۵', dateEn: 'Apr 28, 2026',
+ },
+ {
+ id: 'c5', tab: 'geo',
+ img: '/news/photo-1540575467063-178a50c2df87.jpg',
+ titleFa: 'تنشهای خاورمیانه و تجارت فولاد',
+ titleEn: 'Middle East Tensions and Steel Trade',
+ bodyFa: [
+ 'ناآرامیهای منطقهای مسیرهای حملونقل دریایی را مختل کرده و هزینههای لجستیک را افزایش داده است.',
+ 'صادرکنندگان ایرانی با چالشهای اضافی در انتقال محصولات روبرو هستند.',
+ ],
+ bodyEn: [
+ 'Regional instability has disrupted maritime shipping routes and increased logistics costs.',
+ 'Iranian exporters face additional challenges in product delivery.',
+ ],
+ analysisFa: 'تنوعبخشی در مسیرهای صادراتی اکنون یک ضرورت استراتژیک است.',
+ analysisEn: 'Diversifying export routes is now a strategic necessity.',
+ tags: ['ژئوپلیتیک', 'حمل دریایی', 'صادرات'],
+ source: 'Al Jazeera', dateFa: '۶ اردیبهشت ۱۴۰۵', dateEn: 'Apr 26, 2026',
+ },
+ {
+ id: 'c6', tab: 'geo',
+ img: '/news/photo-1570168007204-dfb528c6958f.jpg',
+ titleFa: 'رقابت چین و آمریکا بر سر فلزات استراتژیک',
+ titleEn: 'China–US Competition Over Strategic Metals',
+ bodyFa: [
+ 'تنشهای ژئوپلیتیک میان قدرتهای بزرگ، زنجیره تأمین فلزات حیاتی را بیثبات کرده است.',
+ 'این رقابت فرصتهایی برای تأمینکنندگان جایگزین ایجاد میکند.',
+ ],
+ bodyEn: [
+ 'Geopolitical tensions between major powers have destabilized critical metal supply chains.',
+ 'This competition creates opportunities for alternative suppliers.',
+ ],
+ analysisFa: 'ایران میتواند نقش تأمینکننده جایگزین برخی فلزات را ایفا کند.',
+ analysisEn: 'Iran can play the role of alternative supplier for some metals.',
+ tags: ['چین', 'آمریکا', 'فلزات'],
+ source: 'Reuters', dateFa: '۴ اردیبهشت ۱۴۰۵', dateEn: 'Apr 24, 2026',
+ },
+ {
+ id: 'c7', tab: 'energy',
+ img: '/news/photo-1466611653911-95081537e5b7.jpg',
+ titleFa: 'بحران گاز و صنعت فولاد ایران',
+ titleEn: 'Gas Crisis and Iran\'s Steel Industry',
+ bodyFa: [
+ 'کمبود گاز در فصل سرما چندین واحد فولادسازی را مجبور به تعلیق موقت تولید کرد.',
+ 'این چالش ساختاری نیاز به سرمایهگذاری جدی در زیرساخت انرژی دارد.',
+ ],
+ bodyEn: [
+ 'Gas shortages during winter forced several steelmaking units into temporary production suspension.',
+ 'This structural challenge requires serious investment in energy infrastructure.',
+ ],
+ analysisFa: 'بدون تأمین پایدار انرژی، اهداف تولید فولاد محقق نمیشود.',
+ analysisEn: 'Without stable energy supply, steel production targets cannot be met.',
+ tags: ['گاز', 'انرژی', 'تولید'],
+ source: 'ایسنا', dateFa: '۲ اردیبهشت ۱۴۰۵', dateEn: 'Apr 22, 2026',
+ },
+ {
+ id: 'c8', tab: 'energy',
+ img: '/news/photo-1611273426858-450d8e3c9fce.jpg',
+ titleFa: 'انرژی خورشیدی برای فولادسازی پایدار',
+ titleEn: 'Solar Energy for Sustainable Steelmaking',
+ bodyFa: [
+ 'پتانسیل عظیم انرژی خورشیدی ایران میتواند پایهای برای فولادسازی کمکربن باشد.',
+ 'اولین پروژههای آزمایشی ترکیب پنل خورشیدی با کورههای الکتریکی در حال بررسی است.',
+ ],
+ bodyEn: [
+ 'Iran\'s vast solar energy potential could form the basis for low-carbon steelmaking.',
+ 'First pilot projects combining solar panels with electric arc furnaces are under review.',
+ ],
+ analysisFa: 'سرمایهگذاری در این حوزه میتواند چند مشکل را همزمان حل کند.',
+ analysisEn: 'Investment in this area can solve several problems simultaneously.',
+ tags: ['خورشیدی', 'فولاد سبز', 'EAF'],
+ source: 'PV Magazine', dateFa: '۳۰ فروردین ۱۴۰۵', dateEn: 'Apr 19, 2026',
+ },
+ {
+ id: 'c9', tab: 'commodity',
+ img: '/news/photo-1540575467063-178a50c2df87.jpg',
+ titleFa: 'قیمت سنگآهن در مسیر کاهش',
+ titleEn: 'Iron Ore Prices on Declining Path',
+ bodyFa: [
+ 'کاهش تقاضای چین در بخش ساختمان قیمت سنگآهن را به پایینترین سطح دو سال گذشته رساند.',
+ 'این کاهش برای تولیدکنندگان فولاد مبتنی بر کوره بلند مزیت هزینهای ایجاد میکند.',
+ ],
+ bodyEn: [
+ 'China\'s declining construction-sector demand has pushed iron ore to a two-year low.',
+ 'This drop creates a cost advantage for blast-furnace-based steel producers.',
+ ],
+ analysisFa: 'فرصتی برای افزایش ذخیرهسازی سنگآهن با قیمت پایین وجود دارد.',
+ analysisEn: 'An opportunity exists to increase iron ore stockpiling at low prices.',
+ tags: ['سنگآهن', 'چین', 'قیمت'],
+ source: 'Bloomberg', dateFa: '۲۸ فروردین ۱۴۰۵', dateEn: 'Apr 17, 2026',
+ },
+ {
+ id: 'c10', tab: 'commodity',
+ img: '/news/photo-1504307651254-35680f356dfd.jpg',
+ titleFa: 'نوسان قیمت زغالسنگ ککشو',
+ titleEn: 'Coking Coal Price Volatility',
+ bodyFa: [
+ 'محدودیتهای صادرات استرالیا و بارندگی در مناطق استخراجی، قیمت زغال ککشو را نوسانی کرده است.',
+ 'این بیثباتی برنامهریزی تولید را برای کارخانههای کوره بلند دشوار میکند.',
+ ],
+ bodyEn: [
+ 'Australian export restrictions and rainfall in mining regions have made coking coal prices volatile.',
+ 'This instability complicates production planning for blast furnace plants.',
+ ],
+ analysisFa: 'تنوع در منابع تأمین زغالسنگ یک اولویت استراتژیک است.',
+ analysisEn: 'Diversifying coking coal sources is a strategic priority.',
+ tags: ['زغالسنگ', 'استرالیا', 'تولید'],
+ source: 'Metal Bulletin', dateFa: '۲۶ فروردین ۱۴۰۵', dateEn: 'Apr 15, 2026',
+ },
+]
+
+const NEWS_ITEMS = [
+ { titleFa: 'فولاد مبارکه رکورد تولید ماهانه را شکست', titleEn: 'Mobarakeh Steel breaks monthly production record', dateFa: '۱۴ اردیبهشت', dateEn: 'May 4' },
+ { titleFa: 'تفاهمنامه همکاری ایران و روسیه در حوزه فولاد', titleEn: 'Iran-Russia steel cooperation MOU signed', dateFa: '۱۲ اردیبهشت', dateEn: 'May 2' },
+ { titleFa: 'افزایش ۸ درصدی صادرات فولاد در فروردین', titleEn: '8% rise in steel exports in April', dateFa: '۱۰ اردیبهشت', dateEn: 'Apr 30' },
+ { titleFa: 'نشست وزرای صنعت کشورهای عضو ECO', titleEn: 'ECO member states industry ministers summit', dateFa: '۸ اردیبهشت', dateEn: 'Apr 28' },
+ { titleFa: 'راهاندازی خط تولید ورق گالوانیزه در اصفهان', titleEn: 'Galvanized sheet production line launched in Isfahan', dateFa: '۶ اردیبهشت', dateEn: 'Apr 26' },
+]
+
+const TICKERS = [
+ { fa: 'شمش فولاد: ۱۸,۴۵۰,۰۰۰ ریال/تن', en: 'Steel Billet: $450/t' },
+ { fa: 'سنگآهن دانهبندی: ۳,۲۰۰,۰۰۰ ریال/تن', en: 'Iron Ore Fines: $98/t' },
+ { fa: 'میلگرد A3: ۲۱,۸۰۰,۰۰۰ ریال/تن', en: 'Rebar A3: $530/t' },
+ { fa: 'ورق گرم: ۲۳,۱۰۰,۰۰۰ ریال/تن', en: 'HRC: $545/t' },
+]
+
+/* ─── modal ─── */
+function CardModal({ card, lang, onClose }: { card: Card; lang: 'fa' | 'en'; onClose: () => void }) {
+ const isFa = lang === 'fa'
+ const dir = isFa ? 'rtl' : 'ltr'
+ const isLoggedIn = (() => { try { return localStorage.getItem('sf_logged_in') === '1' } catch { return false } })()
+ const body = isFa ? card.bodyFa : card.bodyEn
+
+ return (
+
+ e.stopPropagation()}
+ dir={dir}
+ style={{ background: '#faf7f4', borderRadius: 20, width: '100%', maxWidth: 680, maxHeight: '90vh', overflowY: 'auto', position: 'relative', boxShadow: '0 40px 100px -20px rgba(3,35,64,0.5)' }}
+ >
+ {/* cover */}
+
+
+
+
+
+
+
+ {/* tags */}
+
+ {card.tags.map(t => (
+ {t}
+ ))}
+
+
+
+ {isFa ? card.titleFa : card.titleEn}
+
+
+ {/* meta */}
+
+
+
+
+
+
+
+ {/* body */}
+
+
{body[0]}
+ {body.length > 1 && (
+
+
+ {body.slice(1).map((p, i) =>
{p}
)}
+
+ {!isLoggedIn && (
+
+
{isFa ? 'برای مطالعه کامل عضو شوید' : 'Join to read the full article'}
+
+
+ )}
+
+ )}
+
+
+ {/* analysis */}
+ {isLoggedIn && (
+
+
{isFa ? 'تحلیل راهبردی' : 'STRATEGIC ANALYSIS'}
+
{isFa ? card.analysisFa : card.analysisEn}
+
+ )}
+
+ {/* disclaimer */}
+
+
+
{isFa ? 'این تحلیل توسط هوش مصنوعی تولید شده است.' : 'This analysis was AI-assisted.'}
+
+
+
+ )
+}
+
+/* ─── main page ─── */
export default function AtAGlance() {
const { lang } = useLang()
const isFa = lang === 'fa'
+ const [activeTab, setActiveTab] = useState('market')
+ const [selectedCard, setSelectedCard] = useState(null)
+
+ const filteredCards = CARDS.filter(c => c.tab === activeTab)
return (
- {/* page header */}
-
-
-
-
-
- AT A GLANCE
-
-
- {isFa ? 'در یک نگاه' : 'At a Glance'}
-
-
- {isFa
- ? 'مهمترین تحولات و رویدادهای راهبردی صنعت فولاد جهان، گزیده و تحلیلشده در یک نگاه.'
- : 'The most important strategic developments and events in the global steel industry — curated and analyzed at a glance.'}
-
+
+ {/* ── HERO ── */}
+
+ {/* background image */}
+
+
+
+
+
+ {/* title + tabs — physically right */}
+
+
+ {isFa ? 'دیدهبانِ تحولات' : 'AT A GLANCE'}
+
+
+ {isFa ? 'در یک نگاه' : 'At a Glance'}
+
+ {/* tab pills */}
+
+ {TABS.map(tab => (
+ setActiveTab(tab.id)}
+ style={{
+ padding: '7px 16px', borderRadius: 20, border: 'none', cursor: 'pointer',
+ fontFamily: 'inherit', fontSize: 12, fontWeight: 700,
+ background: activeTab === tab.id ? GOLD : 'rgba(255,255,255,0.15)',
+ color: activeTab === tab.id ? NAVY : '#fff',
+ backdropFilter: 'blur(4px)',
+ transition: 'background 200ms, color 200ms',
+ }}
+ >
+ {isFa ? tab.fa : tab.en}
+
+ ))}
+
+
+
+ {/* cards row — bottom of hero, overflowing down */}
+
+
+
+ {filteredCards.slice(0, 4).map((card, idx) => (
+ setSelectedCard(card)}
+ style={{
+ width: 220, flexShrink: 0, borderRadius: 14, overflow: 'hidden',
+ cursor: 'pointer', boxShadow: '0 20px 50px -15px rgba(3,35,64,0.5)',
+ }}
+ >
+
+
+
+
+
+ {isFa ? card.titleFa : card.titleEn}
+
+
+
+
+ ))}
+
+
+
+
+
+ {/* ── TICKER ── */}
+
+
+ {TICKERS.map((t, i) => (
+
+
+ ))}
+
+
+
+ {/* ── BOTTOM: news list + more cards ── */}
+
+
+
+ {/* news list */}
+
+
+ {isFa ? 'آخرین اخبار' : 'LATEST NEWS'}
+
+
+ {NEWS_ITEMS.map((n, i) => (
+
+
+ {isFa ? n.titleFa : n.titleEn}
+
+
+ {isFa ? n.dateFa : n.dateEn}
+
+
+ ))}
+
+
+
+ {/* remaining cards grid */}
+
+
+ {isFa ? 'تحلیلهای بیشتر' : 'MORE ANALYSES'}
+
+
+ {filteredCards.slice(0, 4).map(card => (
+
setSelectedCard(card)}
+ style={{ borderRadius: 12, overflow: 'hidden', cursor: 'pointer', background: '#fff', boxShadow: '0 4px 20px rgba(7,29,73,0.08)', border: '1px solid rgba(7,29,73,0.07)' }}
+ >
+
+
+
+
+
+ {isFa ? card.titleFa : card.titleEn}
+
+
+ {isFa ? card.dateFa : card.dateEn}
+
+
+
+ ))}
- {/* the slider (reuses the shared section component) */}
-
+ {/* modal */}
+
+ {selectedCard && (
+ setSelectedCard(null)} />
+ )}
+
)
}
diff --git a/src/pages/Auth/AuthPage.tsx b/src/pages/Auth/AuthPage.tsx
new file mode 100644
index 0000000..cf79ef9
--- /dev/null
+++ b/src/pages/Auth/AuthPage.tsx
@@ -0,0 +1,427 @@
+import React, { useState } from 'react'
+import { useNavigate, Link } from 'react-router-dom'
+import { useAuth } from '@/context/AuthContext'
+import { useLang } from '@/context/LangContext'
+
+const GOLD = '#CD9E53'
+const NAVY = '#032340'
+
+type Mode = 'login' | 'register'
+
+export default function AuthPage({ defaultMode = 'login', onSuccess, onClose }: { defaultMode?: Mode; onSuccess?: () => void; onClose?: () => void }) {
+ const { lang } = useLang()
+ const { login, register } = useAuth()
+ const navigate = useNavigate()
+ const [mode, setMode] = useState
(defaultMode)
+ const handleSuccess = () => { if (onSuccess) { onSuccess() } else { navigate('/profile') } }
+ const [isMobile, setIsMobile] = useState(() => window.innerWidth < 1024)
+
+ React.useEffect(() => {
+ const mq = window.matchMedia('(max-width: 1023px)')
+ const h = (e: MediaQueryListEvent | MediaQueryList) => setIsMobile(e.matches)
+ h(mq); mq.addEventListener('change', h)
+ return () => mq.removeEventListener('change', h)
+ }, [])
+
+ return (
+
+ {onClose && (
+
+
+ )}
+ {/* ── Brand Panel — desktop only ── */}
+ {!isMobile &&
}
+
+ {/* ── Form Panel ── */}
+
+
+ {/* Mobile top bar */}
+ {isMobile && (
+
+
+
+
اندیشکده فولاد آینده
+
+
+
+
+ {lang === 'fa' ? 'بازگشت' : 'Back'}
+
+
+ )}
+
+
+
+ {/* Tab switcher */}
+
+ {(['login', 'register'] as Mode[]).map(m => (
+ setMode(m)} style={{
+ flex: 1, padding: '0.65rem', borderRadius: 9, border: 'none',
+ background: mode === m ? '#fff' : 'transparent',
+ color: mode === m ? NAVY : '#aaa',
+ fontWeight: mode === m ? 700 : 500,
+ fontSize: '0.88rem', cursor: 'pointer', transition: 'all 0.2s',
+ boxShadow: mode === m ? '0 1px 6px rgba(0,0,0,0.1)' : 'none',
+ fontFamily: 'inherit',
+ }}>
+ {m === 'login'
+ ? (lang === 'fa' ? 'ورود' : 'Login')
+ : (lang === 'fa' ? 'ثبتنام' : 'Register')}
+
+ ))}
+
+
+ {mode === 'login'
+ ?
+ :
+ }
+
+ {!isMobile && (
+
+
+
+
+ {lang === 'fa' ? 'بازگشت به سایت' : 'Back to site'}
+
+
+ )}
+
+
+
+ navigate: (to?: string) => void
+}) {
+ const [email, setEmail] = useState('')
+ const [password, setPassword] = useState('')
+ const [showPass, setShowPass] = useState(false)
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+
+ async function submit(e: React.FormEvent) {
+ e.preventDefault(); setError(''); setLoading(true)
+ try { await login(email, password); navigate('/profile') }
+ catch (err: unknown) { setError(err instanceof Error ? err.message : 'خطا در ورود') }
+ finally { setLoading(false) }
+ }
+
+ return (
+
+ )
+}
+
+/* ─── Register Form ─── */
+function RegisterForm({ lang, register, navigate }: {
+ lang: 'fa' | 'en'
+ register: (n: string, e: string, p: string, phone?: string, org?: string) => Promise
+ navigate: (to?: string) => void
+}) {
+ const [name, setName] = useState('')
+ const [email, setEmail] = useState('')
+ const [phone, setPhone] = useState('')
+ const [org, setOrg] = useState('')
+ const [password, setPassword] = useState('')
+ const [showPass, setShowPass] = useState(false)
+ const [error, setError] = useState('')
+ const [loading, setLoading] = useState(false)
+
+ async function submit(e: React.FormEvent) {
+ e.preventDefault(); setError(''); setLoading(true)
+ try { await register(name, email, password, phone, org); navigate('/profile') }
+ catch (err: unknown) { setError(err instanceof Error ? err.message : 'خطا در ثبتنام') }
+ finally { setLoading(false) }
+ }
+
+ return (
+
+ )
+}
+
+/* ─── Brand Panel ─── */
+function BrandPanel({ mode, lang }: { mode: Mode; lang: 'fa' | 'en' }) {
+ return (
+
+ {/* grid */}
+
+
+
+ {/* hex rings */}
+
+ {[0,1,2,3,4].map(i => (
+
+
+ {/* Logo */}
+
+
+
+
+
اندیشکده فولاد آینده
+
The Steel Futures Institute
+
+
+
+
+ {/* Center copy */}
+
+
+ {mode === 'login'
+ ? (lang === 'fa' ? 'پلتفرم تخصصی فولاد' : 'Steel Industry Platform')
+ : (lang === 'fa' ? 'عضویت رایگان' : 'Free Membership')}
+
+
+ {mode === 'login'
+ ? <>{lang === 'fa' ? 'دسترسی به تحلیلهای تخصصی' : 'Access Expert Analysis'}{lang === 'fa' ? 'صنعت فولاد ایران' : 'Steel Industry'}
+ : <>{lang === 'fa' ? 'عضو اندیشکده شوید' : 'Join the Institute'}{lang === 'fa' ? 'و به تحلیلها دسترسی داشته باشید' : 'Get Exclusive Access'}
+ }
+
+
+ {lang === 'fa'
+ ? 'گزارشهای بازار، رصد فناوری، و تحلیل ژئوپلیتیک — همه در یک پلتفرم'
+ : 'Market reports, technology intelligence, and geopolitical analysis — all in one platform'}
+
+
+
+ {/* Bottom stats / checklist */}
+
+ {mode === 'login'
+ ? (
+
+ {[['+۲۰۰', lang === 'fa' ? 'گزارش' : 'Reports'], ['۵۰+', lang === 'fa' ? 'کارشناس' : 'Experts'], ['۳ سال', lang === 'fa' ? 'سابقه' : 'History']].map(([n, l]) => (
+
+ ))}
+
+ ) : (
+
+ {[
+ lang === 'fa' ? 'دسترسی به گزارشهای تخصصی' : 'Access to expert reports',
+ lang === 'fa' ? 'رصد بازار و قیمتها' : 'Market and price monitoring',
+ lang === 'fa' ? 'شبکه خبرگان صنعت' : 'Industry expert network',
+ ].map(item => (
+
+ ))}
+
+ )
+ }
+
+
+
+ {label}{required && * }
+
+ {children}
+
+ )
+}
+
+function FInput({ icon, suffix, ...props }: React.InputHTMLAttributes & { icon?: React.ReactNode; suffix?: React.ReactNode }) {
+ const [focused, setFocused] = useState(false)
+ return (
+
+ {icon} }
+ {suffix && {suffix} }
+
+ )
+}
+
+function EyeToggle({ show, onToggle }: { show: boolean; onToggle: () => void }) {
+ return (
+
+ {show
+ ?
+ )
+}
+
+function ErrBox({ children }: { children: React.ReactNode }) {
+ return (
+
+ {children}
+
+ )
+}
+
+function SubmitBtn({ loading, children }: { loading: boolean; children: React.ReactNode }) {
+ return (
+ { if (!loading) { e.currentTarget.style.transform = 'translateY(-1px)'; e.currentTarget.style.boxShadow = `0 6px 24px ${GOLD}66` } }}
+ onMouseLeave={e => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = loading ? 'none' : `0 4px 20px ${GOLD}55` }}
+ >
+ {loading ? '...' : children}
+
+ )
+}
+
+/* ─── SVG Icons ─── */
+const MailIcon = () =>
+
+
+
+
+
+
+ {T.noAcc}{' '}
+
+
+
+ {/* ── Brand Panel ── */}
+
+
+
+
+
+
+
+
+
+ {[0,1,2,3,4].map(i => (
+
+
+
+
+
+
+
اندیشکده فولاد آینده
+
The Steel Futures Institute
+
+
+
+
+
+
+ عضویت رایگان
+
+
+ عضو اندیشکده شویدو به تحلیلها دسترسی داشته باشید
+
+
+ با ثبتنام رایگان به آرشیو گزارشهای تخصصی صنعت فولاد دسترسی پیدا کنید
+
+
+
+
+ {['دسترسی به گزارشهای تخصصی', 'رصد بازار و قیمتها', 'شبکه خبرگان صنعت'].map((item, i) => (
+
+ ))}
+
+
+
+ {/* ── Form Panel ── */}
+
+
+
+
ثبتنام
+
یک حساب کاربری جدید بسازید
+
+
+
+
+
+ حساب دارید؟
+
+
+
+
+
+
+ بازگشت به سایت
+
+
+
+
+
& { icon: React.ReactNode }) {
+ return (
+
+
+ {icon}
+
+
+ )
+}
diff --git a/src/pages/Home/sections/AtAGlanceSection.tsx b/src/pages/Home/sections/AtAGlanceSection.tsx
index 8028e32..62d46ed 100644
--- a/src/pages/Home/sections/AtAGlanceSection.tsx
+++ b/src/pages/Home/sections/AtAGlanceSection.tsx
@@ -1,7 +1,5 @@
import { useState } from 'react'
import { AnimatePresence, motion } from 'framer-motion'
-import { ChevronRight } from 'lucide-react'
-import { Link } from 'react-router-dom'
import { useLang } from '@/context/LangContext'
const NAVY = '#032340'
@@ -48,117 +46,101 @@ const ITEMS: Glance[] = [
export default function AtAGlanceSection({ embedded = false }: { embedded?: boolean }) {
const { lang } = useLang()
const isFa = lang === 'fa'
- const [idx, setIdx] = useState(0)
+ const [i, setI] = useState(0)
const [dir, setDir] = useState<1 | -1>(1)
- const it = ITEMS[idx]
+ const it = ITEMS[i]
const go = (d: 1 | -1) => {
setDir(d)
- setIdx((prev) => (prev + d + ITEMS.length) % ITEMS.length)
+ setI((prev) => (prev + d + ITEMS.length) % ITEMS.length)
+ }
+
+ const T = {
+ heading: isFa ? 'در یک نگاه' : 'At a Glance',
}
return (
- {/* ── heading row ── */}
{!embedded && (
-
- {/* title — bilingual stacked */}
-
-
-
-
- At a Glance
-
-
- {isFa ? 'در یک نگاه' : 'At a Glance'}
-
-
-
-
- {/* مشاهده همه */}
-
-
-
-
{isFa ? 'مشاهده همه' : 'View All'}
-
+
)}
- {/* ── card row: image left, text right ── */}
- {/* image is taller; text card is centered vertically and overlaps image by ~48px */}
-
-
- {/* IMAGE — taller than the text card */}
-
- {/* back shadow card */}
+
+ {/* ── IMAGE side ── */}
+
- {/* image fills full height of its column */}
-
- {/* TEXT — shorter, overlaps image by 48px on the left */}
-
+ {/* ── TEXT card side ── */}
+
+ }} className="max-lg:!ms-0 max-lg:!me-0 max-md:!p-6">
-
+
{isFa ? it.title : it.titleEn}
- {it.source}
-
+
+ {it.source}
-
+
{isFa ? it.desc : it.descEn}
- {/* nav buttons — half inside / half outside bottom of text card */}
-
+
go(-1)} aria="prev">‹
go(1)} aria="next">›
@@ -177,15 +159,13 @@ function NavBtn({ children, onClick, aria }: { children: React.ReactNode; onClic
aria-label={aria}
style={{
width: 38, height: 38, borderRadius: '50%',
- background: GOLD, color: '#fff',
- border: 'none', cursor: 'pointer',
+ background: '#fff', color: GOLD, border: `1.5px solid ${GOLD}`, cursor: 'pointer',
fontSize: 20, fontWeight: 700, lineHeight: 1,
display: 'flex', alignItems: 'center', justifyContent: 'center',
- fontFamily: 'inherit', transition: 'background 180ms, transform 180ms',
- boxShadow: '0 4px 14px rgba(205,158,83,0.45)',
+ fontFamily: 'inherit', transition: 'background 180ms, color 180ms',
}}
- onMouseEnter={(e) => { (e.currentTarget as HTMLElement).style.background = '#b88d46'; (e.currentTarget as HTMLElement).style.transform = 'translateY(-2px)' }}
- onMouseLeave={(e) => { (e.currentTarget as HTMLElement).style.background = GOLD; (e.currentTarget as HTMLElement).style.transform = 'translateY(0)' }}
+ onMouseEnter={(e) => { (e.currentTarget as HTMLElement).style.background = GOLD; (e.currentTarget as HTMLElement).style.color = '#fff' }}
+ onMouseLeave={(e) => { (e.currentTarget as HTMLElement).style.background = '#fff'; (e.currentTarget as HTMLElement).style.color = GOLD }}
>
{children}
@@ -194,7 +174,7 @@ function NavBtn({ children, onClick, aria }: { children: React.ReactNode; onClic
function CalendarIcon() {
return (
-
+
+
+
+ {!embedded && (
+
+ )}
+
+ {/* image on the LEFT, text on the RIGHT (matches the reference).
+ Container is LTR; image is the first DOM child, so plain `row` lands it on the left. */}
+
+ {/* ── IMAGE side (with stacked-card shadow) ── */}
+
+ {/* back card (offset, behind) — offset away from the text card */}
+
+ {/* front image — portrait on desktop, shorter landscape on mobile */}
+
+
+
+ {/* ── TEXT card side ── */}
+
+
+
+
+
+
+ {isFa ? it.title : it.titleEn}
+
+
+ {/* date (leading side) + source (trailing side) */}
+
+
+
+ {it.source}
+
+
+
+ {isFa ? it.desc : it.descEn}
+
+
+
+
+ {/* prev / next controls */}
+
+ go(-1)} aria="prev">‹
+ go(1)} aria="next">›
+
+
+
+
+
+ )
+}
+
+function NavBtn({ children, onClick, aria }: { children: React.ReactNode; onClick: () => void; aria: string }) {
+ return (
+ { (e.currentTarget as HTMLElement).style.background = GOLD; (e.currentTarget as HTMLElement).style.color = '#fff' }}
+ onMouseLeave={(e) => { (e.currentTarget as HTMLElement).style.background = '#fff'; (e.currentTarget as HTMLElement).style.color = GOLD }}
+ >
+ {children}
+
+ )
+}
+
+function CalendarIcon() {
+ return (
+
+
+ )
+}
diff --git a/src/pages/Home/sections/FactoryReportsScroll.tsx b/src/pages/Home/sections/FactoryReportsScroll.tsx
index 443edaa..c4bbfc8 100644
--- a/src/pages/Home/sections/FactoryReportsScroll.tsx
+++ b/src/pages/Home/sections/FactoryReportsScroll.tsx
@@ -21,7 +21,7 @@ function ScrollAnimation({ children, direction = 'up' }: { children: React.React
whileInView={{ opacity: 1, x: 0, y: 0 }}
viewport={{ once: true, amount: 0.35 }}
transition={{ duration: 0.7, ease: EASE }}
- style={{ breakInside: 'avoid', marginBottom: 18 }}
+ style={{ breakInside: 'avoid', marginBottom: 18, height: '100%' }}
>
{children}
@@ -36,12 +36,13 @@ function ReportCard({ r, lang }: { r: FactoryReport; lang: 'fa' | 'en' }) {
background: '#fff', borderRadius: 14, overflow: 'hidden', cursor: 'pointer',
boxShadow: '0 10px 34px -20px rgba(7,29,73,0.30)',
transition: 'transform 200ms, box-shadow 200ms',
+ display: 'flex', flexDirection: 'column', height: '100%',
}}
onMouseEnter={(e) => { const d = e.currentTarget; d.style.transform = 'translateY(-4px)'; d.style.boxShadow = '0 22px 50px -22px rgba(7,29,73,0.38)' }}
onMouseLeave={(e) => { const d = e.currentTarget; d.style.transform = 'translateY(0)'; d.style.boxShadow = '0 10px 34px -20px rgba(7,29,73,0.30)' }}
>
-
-
+
+
{t.tag}
-
+
{t.date}
{t.title}
-
{t.excerpt}
-
+
{t.excerpt}
+
- {/* compact 4-up row */}
-
+ {/* compact 3-up row, centered */}
+
{reports.map((r) => (
}).env
- ?.VITE_PANEL_API || 'http://localhost:3001'
+ ?.VITE_PANEL_API || ''
type PriceRow = { label: string; value: string; delta: string; up: boolean }
diff --git a/src/pages/Home/sections/LatestReportsSection.tsx b/src/pages/Home/sections/LatestReportsSection.tsx
index 0de714f..81e3ec0 100644
--- a/src/pages/Home/sections/LatestReportsSection.tsx
+++ b/src/pages/Home/sections/LatestReportsSection.tsx
@@ -218,7 +218,7 @@ export default function LatestReportsSection() {
diff --git a/src/pages/Home/sections/MapEventsSection.tsx b/src/pages/Home/sections/MapEventsSection.tsx
index 33502a4..d451af1 100644
--- a/src/pages/Home/sections/MapEventsSection.tsx
+++ b/src/pages/Home/sections/MapEventsSection.tsx
@@ -1,9 +1,21 @@
+import { useState, useEffect } from 'react'
import Globe from '@/components/ui/globe'
import StrategicEvents from '@/components/ui/StrategicEvents'
import { useLang } from '@/context/LangContext'
export default function MapEventsSection() {
const { lang } = useLang()
+ const [globeSize, setGlobeSize] = useState(560)
+
+ useEffect(() => {
+ const update = () => {
+ const w = window.innerWidth
+ setGlobeSize(w < 768 ? Math.min(w - 32, 340) : 560)
+ }
+ update()
+ window.addEventListener('resize', update)
+ return () => window.removeEventListener('resize', update)
+ }, [])
return (
@@ -16,8 +28,8 @@ export default function MapEventsSection() {
{/* ── Globe — LEFT, no text ── */}
-
diff --git a/src/pages/Home/sections/RadarTechSection.tsx b/src/pages/Home/sections/RadarTechSection.tsx
index ab54a68..d20a57b 100644
--- a/src/pages/Home/sections/RadarTechSection.tsx
+++ b/src/pages/Home/sections/RadarTechSection.tsx
@@ -46,7 +46,6 @@ export default function RadarTechSection({ only }: { only?: 'radar' | 'approach'
const t = T[lang]
const showRadar = only !== 'approach'
const showApproach = only !== 'radar'
-
return (
diff --git a/src/pages/Home/sections/ReportsCarouselSection.tsx b/src/pages/Home/sections/ReportsCarouselSection.tsx
index eb25a7b..0199f45 100644
--- a/src/pages/Home/sections/ReportsCarouselSection.tsx
+++ b/src/pages/Home/sections/ReportsCarouselSection.tsx
@@ -295,7 +295,7 @@ export default function ReportsCarouselSection() {
۰۲:۳۱
void; lang: 'fa' | 'en'
+}) {
+ return (
+
+ {/* thumbnail */}
+
+
+
{pod[lang].title}
+ {/* date */}
+
+ {pod.date}
+
+
+ )
+}
+
+/* ─── white book cover ─── */
+function BookCard({ pod, lang }: { pod: typeof PODCASTS[0]; lang: 'fa' | 'en' }) {
+ const epNum = pod.epNum.replace(/[^0-9۰-۹]/g, '')
+ return (
+
+
{epNum}
+
+
+
+
+
{pod[lang].title}
+
{pod[lang].guest}
+
+
+
+
+ )
+}
+
+/* ─── video list row ─── */
+function VidRow({ vid, lang }: { vid: typeof VIDEOS[0]; lang: 'fa' | 'en' }) {
+ const isFa = lang === 'fa'
+ return (
+
+
+
+
+
+
+
{vid[lang].title}
+
+ {vid.date}
+ {vid.duration}
+
+
+
+ )
+}
+
+/* ══ MAIN ══ */
+export default function Podcast() {
+ const { lang } = useLang()
+ const t = T[lang]
+ const isFa = lang === 'fa'
+ const [active, setActive] = useState(0)
+ const pod = PODCASTS[active]
+ const epNum = pod.epNum.replace(/[^0-9۰-۹]/g, '')
+
+ return (
+
+
+
+ {/* ══ PODCAST HERO CARD (dark) ══ */}
+
+
+ {/* dot pattern */}
+
+
+ {/* COL 1 — episode list */}
+
+
+
{t.otherEps}
+
+ {isFa ?
+
+
+ {PODCASTS.map((p, i) => (
+ setActive(i)} lang={lang} />
+ ))}
+
+
+
+ {/* COL 2 — center */}
+
+ {/* meta */}
+
+
+
+ •
+ #{epNum}
+
+
+ {/* title */}
+
{pod[lang].title}
+
+ {/* guest */}
+
{pod[lang].guest}
+
+ {/* body excerpt */}
+
{pod[lang].body}
+
+ {/* listen + duration */}
+
+
{ (e.currentTarget as HTMLElement).style.transform = 'scale(1.05)' }}
+ onMouseLeave={e => { (e.currentTarget as HTMLElement).style.transform = 'scale(1)' }}
+ >
+ {isFa ?
+
+
+
+
+
+ {/* COL 3 — book cover */}
+
+
+
+
+ {/* ══ VIDEOCAST CARD (light) ══ */}
+
+ {/* header */}
+
+
+
+ {isFa ?
+
+
+ {/* grid: featured (left) + list (right) */}
+
+
+ {/* featured video */}
+
+
+
+
+
+
+
+
+ {VIDEOS[0].ep}
+
+
+
+
{VIDEOS[0][lang].title}
+
{VIDEOS[0][lang].guest}
+
+
+ {isFa ?
+
+
+
+
+
+
+
+
+ {/* video list */}
+
+
+ {t.otherVids}
+
+ {VIDEOS.slice(1).map(v =>
)}
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/Profile/ProfilePage.tsx b/src/pages/Profile/ProfilePage.tsx
new file mode 100644
index 0000000..11dd9df
--- /dev/null
+++ b/src/pages/Profile/ProfilePage.tsx
@@ -0,0 +1,525 @@
+import React, { useState, useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
+import { useAuth, authFetch } from '@/context/AuthContext'
+import { useLang } from '@/context/LangContext'
+
+const GOLD = '#CD9E53'
+const NAVY = '#032340'
+
+type Tab = 'info' | 'password' | 'content'
+
+interface Purchase {
+ id: number
+ article_id: string
+ title: string
+ category: string
+ purchased_at: string
+ file_url?: string
+}
+
+export default function ProfilePage() {
+ const { lang } = useLang()
+ const { member, token, logout } = useAuth()
+ const navigate = useNavigate()
+ const [tab, setTab] = useState
('info')
+
+ useEffect(() => {
+ if (!token) navigate('/login')
+ }, [token, navigate])
+
+ if (!member || !token) return null
+
+ const initials = member.name.split(' ').map(w => w[0]).join('').slice(0, 2)
+
+ const tabs: { key: Tab; label: string }[] = [
+ { key: 'info', label: lang === 'fa' ? 'اطلاعات من' : 'My Info' },
+ { key: 'password', label: lang === 'fa' ? 'تغییر رمز' : 'Password' },
+ { key: 'content', label: lang === 'fa' ? 'مطالب من' : 'My Content' },
+ ]
+
+ return (
+
+
+ {/* ── Hero Banner ── */}
+
+ {/* grid texture */}
+
+
+
+
+ {/* decorative ring */}
+
+ {[1,2,3].map(i =>
+
+
+ {/* profile card - overlaps the banner */}
+
+ {/* avatar + info row */}
+
+ {/* avatar */}
+
+
+ {/* name / email */}
+
+
{member.name}
+
{member.email}
+
+
+ {/* logout */}
+
{ logout(); navigate('/') }}
+ style={{
+ display: 'flex', alignItems: 'center', gap: 6,
+ padding: '0.5rem 1rem', borderRadius: 8,
+ border: '1.5px solid #e5e5e5', background: '#fff',
+ color: '#888', fontSize: '0.82rem', fontWeight: 600,
+ cursor: 'pointer', transition: 'all 0.18s', flexShrink: 0,
+ marginBottom: '0.25rem',
+ }}
+ onMouseEnter={e => { e.currentTarget.style.borderColor = '#c0392b'; e.currentTarget.style.color = '#c0392b' }}
+ onMouseLeave={e => { e.currentTarget.style.borderColor = '#e5e5e5'; e.currentTarget.style.color = '#888' }}
+ >
+
+
+ {lang === 'fa' ? 'خروج' : 'Logout'}
+
+
+
+ {/* tabs */}
+
+ {tabs.map(t => (
+ setTab(t.key)} style={{
+ padding: '1rem 1.5rem', background: 'none', border: 'none',
+ borderBottom: tab === t.key ? `2.5px solid ${GOLD}` : '2.5px solid transparent',
+ color: tab === t.key ? NAVY : '#aaa',
+ fontWeight: tab === t.key ? 700 : 500,
+ fontSize: '0.9rem', cursor: 'pointer', transition: 'all 0.18s',
+ whiteSpace: 'nowrap', fontFamily: 'inherit',
+ }}>
+ {t.label}
+
+ ))}
+
+
+
+
+
+ {/* ── Tab Content ── */}
+
+ {tab === 'info' &&
}
+ {tab === 'password' &&
}
+ {tab === 'content' &&
}
+
+
+
+ {/* form card */}
+
+
+
+
+ {/* account info card */}
+
+
+
+ {[
+ { label: lang === 'fa' ? 'نوع حساب' : 'Account Type', value: lang === 'fa' ? 'عضو عادی' : 'Member' },
+ { label: lang === 'fa' ? 'وضعیت' : 'Status',
+ value:
+
+ },
+ ].map(({ label, value }) => (
+
+ {label}
+ {value}
+
+ ))}
+
+
+
+
+
+
+ {/* tip */}
+
+
+
+
+ {lang === 'fa' ? 'رمز قوی شامل حروف بزرگ، اعداد و نمادها باشد. حداقل ۶ کاراکتر.' : 'Use uppercase letters, numbers and symbols for a strong password.'}
+
+
+
([])
+ const [loading, setLoading] = useState(true)
+ const [err, setErr] = useState('')
+
+ useEffect(() => {
+ authFetch(token, '/api/members/me/purchases')
+ .then(r => r.json())
+ .then(data => { setItems(Array.isArray(data) ? data : []); setLoading(false) })
+ .catch(() => { setErr(lang === 'fa' ? 'خطا در بارگذاری' : 'Load error'); setLoading(false) })
+ }, [token, lang])
+
+ const BASE = import.meta.env.VITE_PANEL_API ?? ''
+
+ const categoryColors: Record = {
+ 'گزارش': '#3b82f6', 'تحلیل': '#8b5cf6', 'رادار': '#10b981',
+ 'بازار': '#f59e0b', 'ویژه': '#ef4444',
+ }
+
+ return (
+
+ {/* stats bar */}
+
+ {[
+ { label: lang === 'fa' ? 'مطالب خریداریشده' : 'Purchased', value: loading ? '—' : items.length.toString(), icon: '📄' },
+ { label: lang === 'fa' ? 'قابل دانلود' : 'Downloads', value: loading ? '—' : items.filter(i => i.file_url).length.toString(), icon: '⬇️' },
+ { label: lang === 'fa' ? 'دستهبندی' : 'Categories', value: loading ? '—' : new Set(items.map(i => i.category).filter(Boolean)).size.toString(), icon: '🗂️' },
+ ].map(stat => (
+
+
{stat.icon}
+
{stat.value}
+
{stat.label}
+
+ ))}
+
+
+
+
+
+ {loading && (
+
+ {[1, 2, 3].map(i => (
+
+ ))}
+
+ )}
+
+ {!loading && err &&
{err} }
+
+ {!loading && !err && items.length === 0 && (
+
+
+
+
+ {lang === 'fa' ? 'هنوز مطلبی خریداری نکردهاید' : 'No content purchased yet'}
+
+
+ {lang === 'fa' ? 'گزارشها و تحلیلهای اختصاصی را از بخش گزارشها تهیه کنید' : 'Purchase reports and analyses from the reports section'}
+
+
+ )}
+
+ {!loading && items.length > 0 && (
+
+ {items.map(item => {
+ const cat = item.category
+ const catColor = categoryColors[cat] ?? '#6b7280'
+ const dateStr = new Date(item.purchased_at).toLocaleDateString(lang === 'fa' ? 'fa-IR' : 'en-US', { year: 'numeric', month: 'long', day: 'numeric' })
+
+ return (
+
+ )
+ })}
+
+ )}
+
+
+
+
+ {label}
+ {children}
+
+ )
+}
+
+function FancyInput(props: React.InputHTMLAttributes) {
+ const [focused, setFocused] = useState(false)
+ return (
+
+ {children}
+
+ )
+}
+
+function submitBtn(disabled: boolean): React.CSSProperties {
+ return {
+ padding: '0.8rem 2rem', borderRadius: 10, border: 'none',
+ background: disabled ? '#e5e5e5' : GOLD,
+ color: disabled ? '#aaa' : NAVY,
+ fontWeight: 700, fontSize: '0.9rem',
+ cursor: disabled ? 'not-allowed' : 'pointer',
+ alignSelf: 'flex-start', transition: 'all 0.18s',
+ boxShadow: disabled ? 'none' : `0 4px 16px ${GOLD}44`,
+ fontFamily: 'inherit',
+ }
+}
diff --git a/src/pages/Pulse/Pulse.tsx b/src/pages/Pulse/Pulse.tsx
index 26141d4..a417515 100644
--- a/src/pages/Pulse/Pulse.tsx
+++ b/src/pages/Pulse/Pulse.tsx
@@ -275,7 +275,7 @@ function MembershipForm({ lang }: { lang: 'fa' | 'en' }) {
async function submit() {
if (!name || !phone) return
setStatus('sending')
- const PANEL_API = import.meta.env.VITE_PANEL_API || 'http://localhost:3001'
+ const PANEL_API = import.meta.env.VITE_PANEL_API || ''
try {
const res = await fetch(`${PANEL_API}/api/contact`, {
method: 'POST',
diff --git a/src/pages/Radar/Radar.tsx b/src/pages/Radar/Radar.tsx
index 379658c..dc68aeb 100644
--- a/src/pages/Radar/Radar.tsx
+++ b/src/pages/Radar/Radar.tsx
@@ -1,6 +1,7 @@
import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
import { motion, AnimatePresence } from 'framer-motion'
-import { BarChart3, Cpu, Leaf, Globe, Zap, ChevronLeft, ChevronRight } from 'lucide-react'
+import { BarChart3, Cpu, Leaf, Globe, Zap, ChevronLeft, ChevronRight, X, LogIn, UserPlus, AlertTriangle, Calendar, User } from 'lucide-react'
import { useLang } from '@/context/LangContext'
import { RADAR_ITEMS, type RadarItem, type RadarCategory } from '@/content/radar'
@@ -16,14 +17,260 @@ const CATEGORY_ICON: Record = {
energy: Zap,
}
+const CATEGORY_LABEL: Record = {
+ market: { fa: 'بازار', en: 'Market' },
+ tech: { fa: 'فناوری', en: 'Technology' },
+ commodity: { fa: 'کامودیتی', en: 'Commodity' },
+ geo: { fa: 'ژئوپلیتیک', en: 'Geopolitics' },
+ energy: { fa: 'انرژی', en: 'Energy' },
+}
+
const T = {
- fa: { overline: 'FORESIGHT & INTELLIGENCE', heading: 'رادار آینده', sub: 'رصد سیگنالهای راهبردی و روندهای نوظهور صنعت فولاد جهان', readMore: 'ادامه مطلب' },
- en: { overline: 'FORESIGHT & INTELLIGENCE', heading: 'Future Radar', sub: 'Monitoring strategic signals and emerging trends in the global steel industry', readMore: 'Read more' },
+ fa: {
+ overline: 'FORESIGHT & INTELLIGENCE', heading: 'رادار آینده',
+ sub: 'رصد سیگنالهای راهبردی و روندهای نوظهور صنعت فولاد جهان',
+ readMore: 'ادامه مطلب',
+ analysis: 'تحلیل راهبردی',
+ disclaimer: 'این تحلیل توسط هوش مصنوعی تولید شده و جنبه راهنمایی دارد.',
+ blurTitle: 'برای مطالعه کامل این تحلیل، عضو شوید',
+ blurSub: 'دسترسی کامل به تمام گزارشها و تحلیلهای رادار آینده',
+ login: 'ورود', signup: 'عضویت',
+ author: 'نویسنده',
+ },
+ en: {
+ overline: 'FORESIGHT & INTELLIGENCE', heading: 'Future Radar',
+ sub: 'Monitoring strategic signals and emerging trends in the global steel industry',
+ readMore: 'Read more',
+ analysis: 'Strategic Analysis',
+ disclaimer: 'This analysis was generated with AI assistance and is for guidance purposes.',
+ blurTitle: 'Become a member to read the full analysis',
+ blurSub: 'Full access to all Future Radar reports and analyses',
+ login: 'Login', signup: 'Sign Up',
+ author: 'Author',
+ },
+}
+
+/* ─── membership gate (blur overlay) ─── */
+function MembershipGate({ lang }: { lang: 'fa' | 'en' }) {
+ const t = T[lang]
+ return (
+
+
+
{t.blurTitle}
+
{t.blurSub}
+
+
+
+
+ e.stopPropagation()}
+ dir={dir}
+ style={{
+ background: '#faf7f4', borderRadius: 20, width: '100%', maxWidth: 720,
+ maxHeight: '90vh', overflowY: 'auto', position: 'relative',
+ boxShadow: '0 40px 100px -20px rgba(3,35,64,0.5)',
+ }}
+ >
+ {/* cover image */}
+
+
+
+ {/* category tag on the image */}
+
+ {catLabel}
+
+
+
+
+ {/* content area */}
+
+ {/* title */}
+
+ {content.title}
+
+
+ {/* meta row: author + date — direction:ltr so icon is physically before text */}
+
+
+ {item.author.name}
+
+
+ {content.date}
+
+
+
+ {/* body paragraphs */}
+
+ {bodyParagraphs.length > 0 ? (
+ <>
+ {/* first paragraph always visible */}
+
+ {bodyParagraphs[0]}
+
+
+ {/* rest: visible if logged in, blurred if not */}
+ {bodyParagraphs.length > 1 && (
+
+
+ {bodyParagraphs.slice(1).map((p, i) => (
+
{p}
+ ))}
+
+ {!isLoggedIn &&
}
+
+ )}
+
+ ) : (
+
+ {content.excerpt}
+
+ )}
+
+
+ {/* strategic analysis box (only if logged in) */}
+ {isLoggedIn && content.analysis && (
+
+
{t.analysis}
+
{content.analysis}
+
+ )}
+
+ {/* AI disclaimer */}
+ {isLoggedIn && (
+
+ )}
+
+ {/* close button at bottom */}
+ {isLoggedIn && (
+
+
+
+
+ )}
+
+
+
+ )
}
/* ─── one card: gold bar (default) → navy author panel (hover) ─── */
-export function RadarCard({ item, lang }: { item: RadarItem; lang: 'fa' | 'en' }) {
+export function RadarCard({ item, lang, onClick }: { item: RadarItem; lang: 'fa' | 'en'; onClick?: (item: RadarItem) => void }) {
const [hover, setHover] = useState(false)
+ const navigate = useNavigate()
const t = item[lang]
const Icon = CATEGORY_ICON[item.category]
@@ -31,9 +278,10 @@ export function RadarCard({ item, lang }: { item: RadarItem; lang: 'fa' | 'en' }
setHover(true)}
onMouseLeave={() => setHover(false)}
+ onClick={() => onClick ? onClick(item) : navigate(`/radar/post/${item.id}`)}
style={{
position: 'relative', borderRadius: 16, overflow: 'hidden', cursor: 'pointer',
- aspectRatio: '3 / 3.5', background: NAVY,
+ aspectRatio: '3 / 2.4', background: NAVY,
boxShadow: hover ? '0 30px 70px -30px rgba(7,29,73,0.45)' : '0 16px 40px -24px rgba(7,29,73,0.30)',
}}
animate={{ y: hover ? -4 : 0 }}
@@ -67,7 +315,6 @@ export function RadarCard({ item, lang }: { item: RadarItem; lang: 'fa' | 'en' }
display: 'flex', alignItems: 'center', gap: 12, direction: lang === 'fa' ? 'rtl' : 'ltr',
}}
>
- {/* icon on the leading (right in RTL) side of the bar */}
@@ -113,7 +360,6 @@ export function RadarCard({ item, lang }: { item: RadarItem; lang: 'fa' | 'en' }
/* ─── pagination ─── */
function Pagination({ page, pages, onGo }: { page: number; pages: number; onGo: (p: number) => void }) {
if (pages <= 1) return null
- // show: first, current-ish, last, with ellipsis
const nums: (number | '…')[] = []
for (let i = 1; i <= pages; i++) {
if (i === 1 || i === pages || Math.abs(i - page) <= 1) nums.push(i)
@@ -153,6 +399,7 @@ export default function Radar() {
const { lang } = useLang()
const t = T[lang]
const [page, setPage] = useState(1)
+ const [selectedItem, setSelectedItem] = useState(null)
const pages = Math.ceil(RADAR_ITEMS.length / PER_PAGE)
const start = (page - 1) * PER_PAGE
@@ -185,12 +432,17 @@ export default function Radar() {
{/* card grid */}
{visible.map((item) => (
-
setSelectedItem(null)} />
+ )}
)
}
diff --git a/src/pages/RadarCategory/RadarCategory.tsx b/src/pages/RadarCategory/RadarCategory.tsx
index ad9fb42..25f4d71 100644
--- a/src/pages/RadarCategory/RadarCategory.tsx
+++ b/src/pages/RadarCategory/RadarCategory.tsx
@@ -1,5 +1,5 @@
import { useState } from 'react'
-import { Link, useParams, Navigate } from 'react-router-dom'
+import { Link, useParams, Navigate, useNavigate } from 'react-router-dom'
import { motion } from 'framer-motion'
import { ArrowLeft, Download, Calendar, ChevronLeft, ChevronRight } from 'lucide-react'
import { useLang } from '@/context/LangContext'
@@ -50,7 +50,7 @@ function Breadcrumb({ label, lang }: { label: string; lang: 'fa' | 'en' }) {
}
/* ─── a "latest" mini-card (image on the trailing side, text + CTA) ─── */
-function MiniCard({ img, title, date, lang }: { img: string; title: string; date: string; lang: 'fa' | 'en' }) {
+function MiniCard({ img, title, date, lang, onClick }: { img: string; title: string; date: string; lang: 'fa' | 'en'; onClick?: () => void }) {
const cta = lang === 'fa' ? 'مشاهده تحلیل' : 'View analysis'
return (
@@ -71,7 +71,7 @@ function MiniCard({ img, title, date, lang }: { img: string; title: string; date
: 'Beyond a strategic mineral, lithium is now the main lever of power in reshaping the economic order ...'}
-
void }) {
return (
-
+
@@ -103,12 +103,13 @@ function FeaturedCard({ img, title, date, lang }: { img: string; title: string;
}
/* ─── grid card (gold framed) ─── */
-function GridCard({ img, title, excerpt, date, lang }: { img: string; title: string; excerpt: string; date: string; lang: 'fa' | 'en' }) {
+function GridCard({ img, title, excerpt, date, lang, onClick }: { img: string; title: string; excerpt: string; date: string; lang: 'fa' | 'en'; onClick?: () => void }) {
const [hover, setHover] = useState(false)
return (
setHover(true)}
onMouseLeave={() => setHover(false)}
+ onClick={onClick}
animate={{ y: hover ? -4 : 0 }}
transition={{ duration: 0.3, ease: EASE }}
style={{
@@ -127,12 +128,12 @@ function GridCard({ img, title, excerpt, date, lang }: { img: string; title: str
src={img} alt=""
animate={{ scale: hover ? 1.06 : 1 }}
transition={{ duration: 0.6, ease: EASE }}
- style={{ width: '100%', aspectRatio: '16 / 10', objectFit: 'cover', display: 'block' }}
+ style={{ width: '100%', aspectRatio: '16 / 8', objectFit: 'cover', display: 'block' }}
/>
-
-
{title}
-
{excerpt}
+
+
{title}
+
{excerpt}
{/* footer: date (trailing/right) + arrow (physical left) */}
@@ -268,6 +269,7 @@ export default function RadarCategory() {
const { lang } = useLang()
const { category } = useParams<{ category: string }>()
const [page, setPage] = useState(1)
+ const navigate = useNavigate()
const cfg = category ? RADAR_CATEGORY_PAGES[category as RadarSlug] : undefined
if (!cfg) return
{/* RIGHT (first in RTL): big featured */}
-
+
navigate(`/radar/post/${seed[0]?.id ?? 'r1'}`)} />
{/* LEFT (second in RTL): latest box */}
{c.latestHeading}
- {latest.map((item) => (
- navigate(`/radar/post/${seed[idx]?.id ?? seed[0]?.id ?? 'r1'}`)} />
))}
@@ -323,9 +325,9 @@ export default function RadarCategory() {
{/* ── FIRST GRID (4) ── */}
- {visible.slice(0, 4).map((item) => (
+ {visible.slice(0, 4).map((item, idx) => (
- navigate(`/radar/post/${seed[idx % seed.length].id}`)} />
))}
@@ -337,9 +339,9 @@ export default function RadarCategory() {
{/* ── SECOND GRID (rest) ── */}
- {visible.slice(4).map((item) => (
+ {visible.slice(4).map((item, idx) => (
- navigate(`/radar/post/${seed[(idx + 4) % seed.length].id}`)} />
))}
diff --git a/src/pages/RadarPost/RadarPost.tsx b/src/pages/RadarPost/RadarPost.tsx
new file mode 100644
index 0000000..e5972bf
--- /dev/null
+++ b/src/pages/RadarPost/RadarPost.tsx
@@ -0,0 +1,232 @@
+import { useState } from 'react'
+import { useParams, Navigate, Link } from 'react-router-dom'
+import AuthPage from '@/pages/Auth/AuthPage'
+import { motion } from 'framer-motion'
+import { Calendar, Tag, UserPlus, LogIn, Send, Share2, Globe, Mail, ArrowLeft } from 'lucide-react'
+import { useLang } from '@/context/LangContext'
+import { RADAR_ITEMS, type RadarItem, type RadarCategory } from '@/content/radar'
+
+const NAVY = '#032340'
+const GOLD = '#CD9E53'
+const EASE = [0.22, 1, 0.36, 1] as const
+
+const CATEGORY_LABEL: Record = {
+ market: { fa: 'بازار', en: 'Market' },
+ tech: { fa: 'فناوری', en: 'Technology' },
+ commodity: { fa: 'کامودیتی', en: 'Commodity' },
+ geo: { fa: 'ژئوپلیتیک', en: 'Geopolitics' },
+ energy: { fa: 'انرژی', en: 'Energy' },
+}
+
+/* ─── membership gate ─── */
+function MembershipGate({ lang, onLogin }: { lang: 'fa' | 'en'; onLogin: () => void }) {
+ const isFa = lang === 'fa'
+ const copy = isFa
+ ? 'ما در اندیشکده فولاد آینده، خروجیهای راهبردی خود را برای اعضای شبکه تخصصیمان تدوین میکنیم. با عضویت در این اندیشکده، میتوانید به متن کامل گزارشها، سناریوهای آیندهپژوهی و تحلیلهای سطحبالا دسترسی داشته باشید.'
+ : 'At the Future Steel Institute we craft our strategic outputs for members of our expert network. Membership unlocks full reports, foresight scenarios and high-level analysis.'
+ return (
+
+
{copy}
+
+
+ {[Send, Share2, Globe, Mail].map((Icon, i) => (
+
+
+ ))}
+
+
+
+ {isFa ? 'ورود' : 'Log in'}
+
+ {isFa ? 'ثبت نام' : 'Sign up'}
+
+
+
+
+
+ {/* ── COVER ── */}
+
+
+
+
+
+ {showAuth && (
+
setShowAuth(false)} />
+ )}
+
+
+
+ {/* ── BODY GRID ── */}
+
+
+ {/* MAIN ARTICLE */}
+
+
+ {/* date */}
+
+
+
+ {/* title */}
+
+ {content.title}
+
+
+ {/* category + author */}
+
+
+
+
+
+
{item.author.name}
+
+
+ {body.map((p, i) => (
+ {p}
+ ))}
+
+ {/* strategic analysis box */}
+ {content.analysis && (
+
+
+ {isFa ? 'تحلیل راهبردی' : 'STRATEGIC ANALYSIS'}
+
+
{content.analysis}
+
+ {isFa
+ ? '⚠ این تحلیل با کمک هوش مصنوعی تهیه شده و جنبه راهنمایی دارد.'
+ : '⚠ This analysis was prepared with AI assistance and is for guidance purposes.'}
+
+
+ ) : (
+ <>
+ {firstPara && (
+ {firstPara}
+ )}
+
+
+ {restParas.map((p, i) => (
+
{p}
+ ))}
+
+
+ setShowAuth(true)} />
+
+
+
+ {/* RELATED SIDEBAR */}
+
+
+
گزارشها
{report.category}
diff --git a/src/pages/Reports/Reports.tsx b/src/pages/Reports/Reports.tsx
deleted file mode 100644
index 66631cd..0000000
--- a/src/pages/Reports/Reports.tsx
+++ /dev/null
@@ -1,581 +0,0 @@
-import { useState, useMemo } from 'react'
-import { Link } from 'react-router-dom'
-import { Search, ChevronRight, ChevronLeft } from 'lucide-react'
-import { reports } from '@/data/reports'
-import type { ReportCategory, ReportType } from '@/data/reports'
-
-/* ─── constants ──────────────────────────────────────────── */
-const CATEGORIES: { label: string; value: ReportCategory | 'همه' }[] = [
- { label: 'همه', value: 'همه' },
- { label: 'بازار جهانی', value: 'بازار جهانی' },
- { label: 'سیاستگذاری', value: 'سیاستگذاری' },
- { label: 'انرژی و ESG', value: 'انرژی و ESG' },
- { label: 'صادرات', value: 'صادرات' },
- { label: 'تولید داخلی', value: 'تولید داخلی' },
- { label: 'ریسک و بحران', value: 'ریسک و بحران' },
-]
-
-const TYPES: { label: string; value: ReportType | 'همه' | 'رایگان' }[] = [
- { label: 'همه', value: 'همه' },
- { label: 'رایگان', value: 'رایگان' },
- { label: 'Flash Report', value: 'flash' },
- { label: 'فصلی', value: 'quarterly' },
- { label: 'گزارش ویژه', value: 'special' },
- { label: 'ریسک', value: 'risk' },
-]
-
-const SORT_OPTIONS = [
- { label: 'جدیدترین', value: 'newest' },
- { label: 'قدیمیترین', value: 'oldest' },
- { label: 'گرانترین', value: 'price-desc' },
- { label: 'ارزانترین', value: 'price-asc' },
-]
-
-const TYPE_COLORS: Record
= {
- quarterly: '#166534',
- flash: '#9b1c1c',
- risk: '#92400e',
- free: '#1d4ed8',
- special: '#4a1d96',
-}
-
-const TYPE_LABELS: Record = {
- quarterly: 'فصلی',
- flash: 'فلش',
- risk: 'ریسک',
- free: 'رایگان',
- special: 'ویژه',
-}
-
-const PAGE_SIZE = 9
-
-/* ─── price formatter ────────────────────────────────────── */
-function formatPrice(price: number): string {
- if (price === 0) return 'رایگان'
- return price.toLocaleString('fa-IR') + ' تومان'
-}
-
-/* ─── report card ────────────────────────────────────────── */
-function ReportCard({ report }: { report: (typeof reports)[0] }) {
- const [hovered, setHovered] = useState(false)
-
- return (
-
- {/* top meta */}
-
-
- {report.category}
-
- {report.isFree && (
-
- رایگان
-
- )}
-
- {TYPE_LABELS[report.type]}
-
-
-
- {/* title */}
-
- {report.author}
- ·
- {report.publishDate}
- ·
- {report.pages} صفحه
-
-
- {/* divider */}
-
-
- {/* price row */}
-
-
- {formatPrice(report.price)}
-
-
-
- )
-}
-
-/* ─── main component ─────────────────────────────────────── */
-export default function Reports() {
- const [activeCategory, setActiveCategory] = useState('همه')
- const [activeType, setActiveType] = useState('همه')
- const [sortBy, setSortBy] = useState('newest')
- const [searchQuery, setSearchQuery] = useState('')
- const [page, setPage] = useState(1)
-
- const filtered = useMemo(() => {
- let result = [...reports]
-
- if (activeCategory !== 'همه') {
- result = result.filter((r) => r.category === activeCategory)
- }
-
- if (activeType !== 'همه') {
- if (activeType === 'رایگان') {
- result = result.filter((r) => r.isFree)
- } else {
- result = result.filter((r) => r.type === activeType)
- }
- }
-
- if (searchQuery.trim()) {
- const q = searchQuery.trim().toLowerCase()
- result = result.filter(
- (r) =>
- r.title.toLowerCase().includes(q) ||
- r.author.toLowerCase().includes(q) ||
- r.category.toLowerCase().includes(q) ||
- r.tags.some((t) => t.toLowerCase().includes(q))
- )
- }
-
- switch (sortBy) {
- case 'oldest':
- result = result.reverse()
- break
- case 'price-desc':
- result = result.sort((a, b) => b.price - a.price)
- break
- case 'price-asc':
- result = result.sort((a, b) => a.price - b.price)
- break
- }
-
- return result
- }, [activeCategory, activeType, sortBy, searchQuery])
-
- const totalPages = Math.ceil(filtered.length / PAGE_SIZE)
- const paged = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE)
-
- // Reset to page 1 on filter change
- const handleCategoryChange = (cat: ReportCategory | 'همه') => {
- setActiveCategory(cat)
- setPage(1)
- }
- const handleTypeChange = (type: ReportType | 'همه' | 'رایگان') => {
- setActiveType(type)
- setPage(1)
- }
-
- return (
-
- {/* Page header */}
-
-
- گزارشها
-
-
- تحلیلهای تخصصی بازار فولاد ایران و جهان — گزارشهای فصلی، ریسک، و فلش
-
-
-
- {/* ─── Filter bar ──────────────────────────────────── */}
-
- {/* Category pills */}
-
- {CATEGORIES.map((cat) => (
- handleCategoryChange(cat.value as ReportCategory | 'همه')}
- style={{
- padding: '6px 16px',
- fontSize: 12,
- fontWeight: 600,
- borderRadius: 0,
- border:
- activeCategory === cat.value
- ? '1px solid var(--ink)'
- : '1px solid var(--ink-4)',
- background: activeCategory === cat.value ? 'var(--ink)' : 'transparent',
- color: activeCategory === cat.value ? 'var(--paper)' : 'var(--ink-4)',
- cursor: 'pointer',
- whiteSpace: 'nowrap',
- fontFamily: 'inherit',
- transition: 'all 120ms',
- flexShrink: 0,
- }}
- >
- {cat.label}
-
- ))}
-
-
- {/* Second row: type + sort + search */}
-
- {/* Type filter */}
-
- {TYPES.map((t) => (
- handleTypeChange(t.value as ReportType | 'همه' | 'رایگان')}
- style={{
- padding: '5px 12px',
- fontSize: 11,
- fontWeight: 600,
- borderRadius: 0,
- border:
- activeType === t.value
- ? '1px solid var(--ink)'
- : '1px solid var(--rule-thin)',
- background: activeType === t.value ? 'var(--ink)' : 'transparent',
- color: activeType === t.value ? 'var(--paper)' : 'var(--ink-5)',
- cursor: 'pointer',
- whiteSpace: 'nowrap',
- fontFamily: 'inherit',
- transition: 'all 120ms',
- flexShrink: 0,
- }}
- >
- {t.label}
-
- ))}
-
-
-
-
- {/* Sort */}
-
-
- مرتبسازی
-
- setSortBy(e.target.value)}
- style={{
- border: '1px solid var(--ink)',
- padding: '6px 12px',
- fontSize: 11,
- fontFamily: 'inherit',
- background: 'var(--paper)',
- color: 'var(--ink)',
- borderRadius: 0,
- cursor: 'pointer',
- outline: 'none',
- }}
- >
- {SORT_OPTIONS.map((o) => (
-
- {o.label}
-
- ))}
-
-
-
- {/* Search */}
-
-
-
-
-
- {/* ─── Report grid ─────────────────────────────────── */}
- {paged.length > 0 ? (
-
- {paged.map((report) => (
-
- ))}
- {/* Fill empty cells in last row to keep grid consistent */}
- {paged.length % 3 !== 0 &&
- Array.from({ length: 3 - (paged.length % 3) }).map((_, i) => (
-
- ))}
-
- ) : (
-
-
نتیجهای یافت نشد
-
- جستجو یا فیلترهای خود را تغییر دهید
-
-
- )}
-
- {/* ─── Pagination ──────────────────────────────────── */}
- {totalPages > 1 && (
-
- setPage((p) => Math.max(1, p - 1))}
- disabled={page === 1}
- style={{
- display: 'flex',
- alignItems: 'center',
- gap: 6,
- padding: '8px 18px',
- fontSize: 12,
- fontWeight: 600,
- border: '1px solid var(--ink)',
- background: 'transparent',
- color: page === 1 ? 'var(--ink-5)' : 'var(--ink)',
- borderColor: page === 1 ? 'var(--rule-thin)' : 'var(--ink)',
- cursor: page === 1 ? 'not-allowed' : 'pointer',
- fontFamily: 'inherit',
- borderRadius: 0,
- opacity: page === 1 ? 0.4 : 1,
- }}
- >
-
-
-
- صفحه {page.toLocaleString('fa-IR')} از {totalPages.toLocaleString('fa-IR')}
-
-
- setPage((p) => Math.min(totalPages, p + 1))}
- disabled={page === totalPages}
- style={{
- display: 'flex',
- alignItems: 'center',
- gap: 6,
- padding: '8px 18px',
- fontSize: 12,
- fontWeight: 600,
- border: '1px solid var(--ink)',
- background: 'transparent',
- color: page === totalPages ? 'var(--ink-5)' : 'var(--ink)',
- borderColor: page === totalPages ? 'var(--rule-thin)' : 'var(--ink)',
- cursor: page === totalPages ? 'not-allowed' : 'pointer',
- fontFamily: 'inherit',
- borderRadius: 0,
- opacity: page === totalPages ? 0.4 : 1,
- }}
- >
- بعدی
-
-
- )}
-
- {/* ─── Mobile responsive styles ────────────────────── */}
-
-