chore: scaffold tauri transcription app

src/main.ts

@@ -0,0 +1,48 @@
+import './styles.css';
+
+const app = document.querySelector<HTMLDivElement>('#app');
+
+if (!app) {
+  throw new Error('Elemento #app não encontrado.');
+}
+
+const shell = document.createElement('section');
+shell.className = 'shell';
+shell.setAttribute('aria-labelledby', 'app-title');
+
+const hero = document.createElement('header');
+hero.className = 'hero';
+
+const eyebrow = document.createElement('p');
+eyebrow.className = 'eyebrow';
+eyebrow.textContent = 'Transcript Desktop';
+
+const title = document.createElement('h1');
+title.id = 'app-title';
+title.textContent = 'Transcrição offline para Windows e Linux';
+
+const subtitle = document.createElement('p');
+subtitle.className = 'subtitle';
+subtitle.textContent =
+  'Estrutura inicial Tauri + Rust preparada para modal editável, CrispASR sidecar e modelo Parakeet GGUF Q8.';
+
+hero.append(eyebrow, title, subtitle);
+
+const card = document.createElement('article');
+card.className = 'card';
+card.setAttribute('aria-label', 'Estado inicial');
+
+const statusDot = document.createElement('span');
+statusDot.className = 'status-dot';
+statusDot.setAttribute('aria-hidden', 'true');
+
+const cardText = document.createElement('div');
+const cardTitle = document.createElement('h2');
+cardTitle.textContent = 'Pronto para configurar o fluxo';
+const cardDescription = document.createElement('p');
+cardDescription.textContent = 'Os módulos nativos serão conectados nas próximas fatias.';
+cardText.append(cardTitle, cardDescription);
+
+card.append(statusDot, cardText);
+shell.append(hero, card);
+app.append(shell);

src/styles.css

@@ -0,0 +1,103 @@
+:root {
+  color: #101418;
+  background: #f5f1ea;
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+  background:
+    radial-gradient(circle at top left, rgba(119, 93, 72, 0.16), transparent 32rem),
+    #f5f1ea;
+}
+
+button,
+textarea,
+input,
+select {
+  font: inherit;
+}
+
+.shell {
+  width: min(100%, 760px);
+  min-height: 100vh;
+  margin: 0 auto;
+  padding: 3rem 1.25rem;
+  display: grid;
+  align-content: center;
+  gap: 1.5rem;
+}
+
+.hero {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.eyebrow {
+  margin: 0;
+  color: #7a4f38;
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+h1,
+h2,
+p {
+  margin: 0;
+}
+
+h1 {
+  max-width: 12ch;
+  font-size: clamp(2.5rem, 8vw, 5rem);
+  line-height: 0.9;
+  letter-spacing: -0.07em;
+}
+
+.subtitle {
+  max-width: 42rem;
+  color: #586069;
+  font-size: 1.05rem;
+  line-height: 1.6;
+}
+
+.card {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+  padding: 1rem;
+  border: 1px solid rgba(16, 20, 24, 0.12);
+  border-radius: 1rem;
+  background: rgba(255, 255, 255, 0.72);
+}
+
+.card h2 {
+  font-size: 1rem;
+}
+
+.card p {
+  margin-top: 0.25rem;
+  color: #66707a;
+  line-height: 1.5;
+}
+
+.status-dot {
+  width: 0.75rem;
+  height: 0.75rem;
+  margin-top: 0.25rem;
+  border-radius: 999px;
+  background: #1f8f5f;
+  box-shadow: 0 0 0 0.25rem rgba(31, 143, 95, 0.16);
+  flex: 0 0 auto;
+}

src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />