feat(automation): own automation page with tree sidebar, separate from agents

2026-08-17 12:11:14 +02:00
parent 93a53a43f6
commit aa20aba2e7
5 changed files with 158 additions and 1 deletions
@@ -0,0 +1,28 @@
+import React from 'react';
+
+export function AutomationOverviewPage() {
+  return (
+    <div className="max-w-4xl mx-auto">
+      <h1 className="text-2xl font-bold text-secondary-900 mb-4">Automation Übersicht</h1>
+      <p className="text-secondary-600 mb-6">
+        Erstellen und verwalten Sie automatisierte Workflows. Definieren Sie Trigger, Bedingungen und Aktionen.
+      </p>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div className="p-6 bg-white rounded-xl border border-secondary-200">
+          <div className="w-12 h-12 bg-warning-100 rounded-lg flex items-center justify-center mb-3">
+            <svg className="w-6 h-6 text-warning-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
+          </div>
+          <h3 className="font-semibold text-secondary-900">Automations</h3>
+          <p className="text-sm text-secondary-500 mt-1">Workflows erstellen und verwalten</p>
+        </div>
+        <div className="p-6 bg-white rounded-xl border border-secondary-200">
+          <div className="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-3">
+            <svg className="w-6 h-6 text-primary-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
+          </div>
+          <h3 className="font-semibold text-secondary-900">Einstellungen</h3>
+          <p className="text-sm text-secondary-500 mt-1">Trigger, Aktionen und Bedingungen konfigurieren</p>
+        </div>
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function AutomationPlaceholderPage() {
+  return (
+    <div className="max-w-4xl mx-auto">
+      <h1 className="text-2xl font-bold text-secondary-900 mb-4">Automation</h1>
+      <p className="text-secondary-600">
+        Diese Seite wird gerade erstellt. Wählen Sie ein Thema aus dem Menü links.
+      </p>
+    </div>
+  );
+}