| 1 | import { t } from '../lib/i18n.js'; |
| 2 | |
| 3 | export function WorkflowStudio() { |
| 4 | const container = document.createElement('div'); |
| 5 | container.className = 'w-full h-full flex flex-col items-center justify-center bg-app-bg text-white gap-4'; |
| 6 | |
| 7 | const icon = document.createElement('div'); |
| 8 | icon.innerHTML = `<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"> |
| 9 | <rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/> |
| 10 | <rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/> |
| 11 | <path d="M6.5 10v4M17.5 10v4M10 6.5h4M10 17.5h4"/> |
| 12 | </svg>`; |
| 13 | |
| 14 | const title = document.createElement('p'); |
| 15 | title.textContent = t('workflows.title'); |
| 16 | title.className = 'text-lg font-bold opacity-60'; |
| 17 | |
| 18 | const sub = document.createElement('p'); |
| 19 | sub.textContent = t('workflows.webOnly'); |
| 20 | sub.className = 'text-sm opacity-40'; |
| 21 | |
| 22 | container.appendChild(icon); |
| 23 | container.appendChild(title); |
| 24 | container.appendChild(sub); |
| 25 | return container; |
| 26 | } |