update

frontend/src/api.js

@@ -118,3 +118,59 @@ export async function chatGuide(id, { section, outline, messages, provider = 'cl
   })
   return res.json()
 }
+
+export async function fetchElements(topic) {
+  const res = await fetch(`${BASE}/elements?topic=${encodeURIComponent(topic)}`)
+  return res.json()
+}
+
+export async function createElement(topic, hint = '', provider = 'claude') {
+  const res = await fetch(`${BASE}/elements`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ topic, hint, provider }),
+  })
+  return res.json()
+}
+
+export async function chatElement(id, messages, provider = 'claude') {
+  const res = await fetch(`${BASE}/elements/${id}/chat`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ messages, provider }),
+  })
+  return res.json()
+}
+
+export async function deleteElement(id) {
+  await fetch(`${BASE}/elements/${id}`, { method: 'DELETE' })
+}
+
+export async function updateElement(id, fields) {
+  const res = await fetch(`${BASE}/elements/${id}`, {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(fields),
+  })
+  return res.json()
+}
+
+export async function styleElement(id, provider = 'claude') {
+  const res = await fetch(`${BASE}/elements/${id}/style`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ provider }),
+  })
+  if (!res.ok) throw new Error(`Stil-Prüfung fehlgeschlagen (${res.status})`)
+  return res.json()
+}
+
+export async function checkElement(id, provider = 'claude') {
+  const res = await fetch(`${BASE}/elements/${id}/check`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ provider }),
+  })
+  if (!res.ok) throw new Error(`Prüfung fehlgeschlagen (${res.status})`)
+  return res.json()
+}