diff --git a/templates/user/brainstorming.md b/templates/user/brainstorming.md new file mode 100644 index 0000000..01bdecc --- /dev/null +++ b/templates/user/brainstorming.md @@ -0,0 +1,47 @@ +# Brainstorming Template + +**Kurzbeschreibung:** +Ein strukturiertes Brainstorming-Template für schnelle Ideenfindung und Konzeptentwicklung. + +**Tags:** #brainstorming #ideation #konzept #team + +--- + +## Struktur + +### 1. **Thema / Fragestellung** +_Definiere klar, worüber gebrainstormt werden soll:_ + +``` +[Hier Thema eingeben] +``` + +### 2. **Lösungsansätze** +Liste mögliche Lösungen oder Ideen auf: + +```markdown +- [ ] Idee 1: ... +- [ ] Idee 2: ... +- [ ] Idee 3: ... +``` + +### 3. **Bewertung** +Bewerte jede Idee nach: +- Machbarkeit +- Aufwand +- Nutzen + +``` +| Idee | Machbarkeit (1-5) | Aufwand (1-5) | Nutzen (1-5) | +|-------|-------------------|---------------|--------------| +| Idee 1 | 3 | 2 | 5 | +``` + +### 4. **Nächste Schritte** +Definiere konkrete Aktionen: + +```markdown +- [ ] Idee 1 weiterverfolgen +- [ ] Machbarkeitsanalyse durchführen +- [ ] Team einbeziehen +``` diff --git a/web/index.html b/web/index.html index 48ef1f6..0b3c0f0 100644 --- a/web/index.html +++ b/web/index.html @@ -43,6 +43,78 @@ -webkit-font-smoothing: antialiased; } + /* Modal */ + .modal-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.7); + display: none; + justify-content: center; + align-items: center; + z-index: 1000; + padding: 20px; + } + + .modal-overlay.active { + display: flex; + } + + .modal { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 8px; + max-width: 900px; + width: 100%; + max-height: 80vh; + overflow: hidden; + display: flex; + flex-direction: column; + } + + .modal-header { + padding: 16px 20px; + border-bottom: 1px solid var(--border); + display: flex; + align-items: center; + justify-content: space-between; + } + + .modal-header h2 { + font-size: 16px; + font-weight: 600; + } + + .modal-body { + padding: 20px; + overflow-y: auto; + } + + .modal-close { + background: none; + border: none; + color: var(--text-secondary); + cursor: pointer; + font-size: 24px; + padding: 4px 8px; + border-radius: 4px; + } + + .modal-close:hover { + color: var(--text-primary); + background: var(--bg-hover); + } + + .modal-actions { + padding: 16px 20px; + border-top: 1px solid var(--border); + display: flex; + justify-content: flex-end; + gap: 8px; + } + .header { background: var(--bg-secondary); border-bottom: 1px solid var(--border); @@ -253,9 +325,12 @@ font-family: var(--mono); font-size: 12px; overflow-x: auto; - white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; margin-top: 12px; color: var(--text-primary); + max-height: 400px; + overflow-y: auto; } /* Filter bar */ @@ -282,6 +357,29 @@ border-color: var(--accent); } + .toast { + position: fixed; + bottom: 20px; + right: 20px; + background: var(--bg-card); + border: 1px solid var(--border); + padding: 12px 16px; + border-radius: 6px; + font-size: 13px; + display: none; + z-index: 1001; + } + + .toast.show { + display: block; + animation: fadeIn 0.2s; + } + + @keyframes fadeIn { + from { opacity: 0; transform: translateY(10px); } + to { opacity: 1; transform: translateY(0); } + } + /* Responsive */ @media (max-width: 768px) { .container { @@ -299,10 +397,39 @@ overflow-x: auto; padding-bottom: 8px; } + .modal { + margin: 10px; + } } + + + + +
+

Prompt Templates

Git Managed @@ -344,24 +471,109 @@

Usage Beispiel

-
# JSON Template -$ cat templates/system/commit_analysis.json | jq -r '.template' - -# Validierung +
# Validierung $ python scripts/validate.py templates/system/commit_analysis.json # Alle validieren -$ python scripts/validate.py --all
+$ python scripts/validate.py --all + +# Server starten +$ python web/serve.py
diff --git a/web/serve.py b/web/serve.py index 2c0bfb1..d692666 100755 --- a/web/serve.py +++ b/web/serve.py @@ -7,24 +7,67 @@ Startet auf Port 8080 und dient die statischen Dateien aus. import http.server import socketserver import os +import socket +import json -PORT = 8080 DIRECTORY = os.path.dirname(os.path.abspath(__file__)) +ROOT_DIR = os.path.abspath(os.path.join(DIRECTORY, '..')) + +def find_free_port(start_port=9000): + """Finde einen freien Port ab start_port""" + port = start_port + while port < 10000: + try: + with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as s: + s.bind(('', port)) + return port + except OSError: + port += 1 + return None class Handler(http.server.SimpleHTTPRequestHandler): def __init__(self, *args, **kwargs): super().__init__(*args, directory=DIRECTORY, **kwargs) def do_GET(self): - # Für Root-Pfad: index.htmlservieren + # Für Root-Pfad: index.html servieren if self.path == '/' or self.path == '/index.html': self.path = '/index.html' + return super().do_GET() + + # Anfragen für /templates.json oder /templates/* umleiten + if self.path.startswith('/templates'): + # Pfad relativ zur ROOT_DIR konstruieren + rel_path = self.path[1:] # '/templates.json' → 'templates.json' + file_path = os.path.join(ROOT_DIR, rel_path) + + if os.path.exists(file_path) and not os.path.isdir(file_path): + try: + self.path = file_path + # Einfach die Datei senden + with open(file_path, 'rb') as f: + self.send_response(200) + self.send_header('Content-type', 'text/plain' if file_path.endswith('.md') else 'application/json') + self.end_headers() + self.wfile.write(f.read()) + return + except Exception as e: + self.send_error(500, f"Error serving file: {e}") + return + else: + self.send_error(404, "File not found") + return + return super().do_GET() def main(): + PORT = 8081 + print(f"Serving on http://localhost:{PORT}") + with socketserver.TCPServer(("", PORT), Handler) as httpd: print(f"Serving Prompt Templates on http://localhost:{PORT}") print(f"Press Ctrl+C to stop") + print(f"Directory: {DIRECTORY}") try: httpd.serve_forever() except KeyboardInterrupt: