From ed3a19a0b52ec1e0816e4b28f243a6c9bc0ecd5f Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 10:56:29 +0100
Subject: [PATCH 01/13] Update README formatting and feature list

---
 README.md | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 58528cd..a4112f4 100644
--- a/README.md
+++ b/README.md
@@ -19,23 +19,23 @@
 
 ---
 
-## ✨ Features
+##  Features
 
 | Feature | Status |
 |---------|--------|
-| 🐳 **Container Management** | ✅ Start, Stop, Restart, Remove |
-| 📦 **Image Management** | ✅ Pull, Remove |
-| 💾 **Volume Management** | ✅ Create, Remove |
-| 🌐 **Network Management** | ✅ Create, Remove |
-| 🔐 **User Authentication** | ✅ Login, Register |
-| 📊 **Real-time Stats** | ✅ Auto-refresh every 5s |
-| 🔔 **Update Notifications** | ✅ GitHub release checker |
-| 📚 **Stack Management** | 🔜 Coming Soon |
-| 🖥️ **Multi-host Support** | 🔜 Coming Soon |
+|  **Container Management** |  Start, Stop, Restart, Remove |
+|  **Image Management** |  Pull, Remove |
+|  **Volume Management** |  Create, Remove |
+|  **Network Management** |  Create, Remove |
+|  **User Authentication** |  Login, Register |
+|  **Real-time Stats** |  Auto-refresh every 5s |
+|  **Update Notifications** |  GitHub release checker |
+|  **Stack Management** |  Coming Soon |
+|  **Multi-host Support** |  Coming Soon |
 
 ---
 
-## 🚀 Installation
+##  Installation
 
 ### Docker (Recommended)
 
@@ -74,7 +74,7 @@ docker-compose up -d
 
 ---
 
-## 📖 Usage
+##  Usage
 
 1. Open **http://localhost:5001** in your browser
 2. **Register** a new account
@@ -84,7 +84,7 @@ docker-compose up -d
 
 ---
 
-## 📸 Screenshots
+##  Screenshots
 
 <details>
 <summary>Click to expand</summary>
@@ -102,7 +102,7 @@ docker-compose up -d
 
 ---
 
-## 🗺️ Roadmap
+##  Roadmap
 
 - [x] Container CRUD operations
 - [x] Image management
@@ -119,7 +119,7 @@ docker-compose up -d
 
 ---
 
-## 🛠️ Tech Stack
+##  Tech Stack
 
 - **Backend:** Python 3.11, Flask
 - **Frontend:** Vanilla JS, CSS
@@ -128,7 +128,7 @@ docker-compose up -d
 
 ---
 
-## 🤝 Contributing
+##  Contributing
 
 Contributions are welcome! Feel free to:
 
@@ -140,15 +140,15 @@ Contributions are welcome! Feel free to:
 
 ---
 
-## 📄 License
+##  License
 
 This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
 
 ---
 
-## ⭐ Star History
+##  Star History
 
-If you find this project useful, please consider giving it a star! ⭐
+If you find this project useful, please consider giving it a star! 
 
 ---
 

From 665b2d6f4ff952b0d7bc6afa888aa7ecfdd68688 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 10:57:51 +0100
Subject: [PATCH 02/13] Add Login section to README

Added a new section for Login with an image.
---
 README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/README.md b/README.md
index a4112f4..14bc8b4 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,10 @@
 
 </div>
 
+##  Login
+
+<img src="docs/login.png" alt="Login" width="400">
+
 ---
 
 ##  Features

From 304607789d4e0d61d87f1aa1e6489245c14670ee Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 11:01:21 +0100
Subject: [PATCH 03/13] Increase login image width to 800px

Updated the login image width in the README.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 14bc8b4..c1046da 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@
 
 ##  Login
 
-<img src="docs/login.png" alt="Login" width="400">
+<img src="docs/login.png" alt="Login" width="800">
 
 ---
 

From c3f3d2922bde17a202f90e896f69ac12d86dcc29 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 11:04:09 +0100
Subject: [PATCH 04/13] Update README.md

---
 README.md | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index c1046da..834abf2 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 ![Flask](https://img.shields.io/badge/Flask-Backend-000000?style=for-the-badge&logo=flask&logoColor=white)
 ![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)
 
-<img src="docs/screenshot.png" alt="Orbit Control Screenshot" width="800">
+
 
 **Monitor and manage your Docker containers, images, volumes, and networks from a beautiful web interface.**
 
@@ -17,9 +17,6 @@
 
 </div>
 
-##  Login
-
-<img src="docs/login.png" alt="Login" width="800">
 
 ---
 
@@ -97,10 +94,8 @@ docker-compose up -d
 <img src="docs/login.png" alt="Login" width="600">
 
 ### Dashboard
-<img src="docs/dashboard.png" alt="Dashboard" width="600">
+<img src="docs/screenshot.png" alt="Orbit Control Screenshot" width="600">
 
-### Container Management
-<img src="docs/containers.png" alt="Containers" width="600">
 
 </details>
 

From 88862d036eb8f3f3d96237d12abdc81f17264138 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 11:08:32 +0100
Subject: [PATCH 05/13] Fix formatting of screenshots section in README

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 834abf2..7385c7d 100644
--- a/README.md
+++ b/README.md
@@ -86,7 +86,7 @@ docker-compose up -d
 ---
 
 ##  Screenshots
-
+<p align="center">
 <details>
 <summary>Click to expand</summary>
 
@@ -95,7 +95,7 @@ docker-compose up -d
 
 ### Dashboard
 <img src="docs/screenshot.png" alt="Orbit Control Screenshot" width="600">
-
+</p>
 
 </details>
 

From aa001905d5653e549568a71f2a448dc39daea162 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sat, 24 Jan 2026 11:15:59 +0100
Subject: [PATCH 06/13] Update README.md

---
 README.md | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 7385c7d..af3417d 100644
--- a/README.md
+++ b/README.md
@@ -85,17 +85,24 @@ docker-compose up -d
 
 ---
 
-##  Screenshots
-<p align="center">
+## Screenshots
+
+<div align="center">
 <details>
 <summary>Click to expand</summary>
 
+<br>
+
 ### Login Page
-<img src="docs/login.png" alt="Login" width="600">
+<img src="docs/login.png" alt="Login" width="600" style="display: block; margin: 0 auto;">
+
+<br>
 
 ### Dashboard
-<img src="docs/screenshot.png" alt="Orbit Control Screenshot" width="600">
-</p>
+<img src="docs/screenshot.png" alt="Orbit Control Screenshot" width="600" style="display: block; margin: 0 auto;">
+
+</details>
+</div>
 
 </details>
 

From 27dc7b47318044111437210af15797045e29f552 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sun, 25 Jan 2026 13:05:48 +0100
Subject: [PATCH 07/13] Create docker-publish.yml

---
 .github/workflows/docker-publish.yml | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 .github/workflows/docker-publish.yml

diff --git a/.github/workflows/docker-publish.yml b/.github/workflows/docker-publish.yml
new file mode 100644
index 0000000..e964f32
--- /dev/null
+++ b/.github/workflows/docker-publish.yml
@@ -0,0 +1,25 @@
+name: Docker Build and Push
+
+on:
+  push:
+    branches: [ "main", "add-screenshots" ] # Reaguje na Twoje obecne branche
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          push: true
+          tags: tobimessi2010/orbit-control:latest

From 758dde3df412184813bbc7e9d89cc7ed7518d43f Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sun, 25 Jan 2026 13:36:22 +0100
Subject: [PATCH 08/13] Update docker-publish.yml

---
 .github/workflows/docker-publish.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/docker-publish.yml b/.github/workflows/docker-publish.yml
index e964f32..190111b 100644
--- a/.github/workflows/docker-publish.yml
+++ b/.github/workflows/docker-publish.yml
@@ -6,7 +6,7 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: [self-hosted, hp-build]
     steps:
       - name: Checkout code
         uses: actions/checkout@v3

From dd59f7b69a5a77040c83eaa78a380ddaa85e3d05 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sun, 25 Jan 2026 22:35:26 +0100
Subject: [PATCH 09/13] Add Patreon funding option alongside Buy Me a Coffee

---
 .github/FUNDING.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index dc23d1d..5ddd055 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,2 +1,3 @@
 github: TobiMessi
+patreon: TobiMessi
 buy_me_a_coffee: TobiK0

From e5c96ef3090af975061f92f8a78554e79c95c481 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Sun, 25 Jan 2026 22:46:51 +0100
Subject: [PATCH 10/13] Delete orbit.db

---
 orbit.db | Bin 16384 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100755 orbit.db

diff --git a/orbit.db b/orbit.db
deleted file mode 100755
index dd1bd8ac615c43e2fff83163b4d4d2786329538c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 16384
zcmeI(%TE(Q7y$6u7Enl_CLVh6&;thukL>O|c7}vVF$-2`DYZ4=rJ0?XHPt?7cZt{=
zME^YFKjPKIqtgl`f_pSZ^L^>gW51or>~DLSZTj-~u#=inJQ($4TEgfNavZc%Dj|gO
z_L#B9O*po3w||q%s`F@bJX|b%NBN~0wDhX**;WuB00JNY0w4eaAOHd&00JNY0)I)M
zo}VkOtvRQujJhTncI}3+otWXd>8rclnP-i#+zd<2^6p_+x^wMHU-rzp9l3gyIuDA)
zqVs8gI_G&}M#;3u{W5-fYN2#5R(^ACa#2TTBr3ILxF0q$vh_x#T5g<XWDmluOu5xO
zs?_X?t6{CVo-y3?WT%^vYlbJyj8v;uIc|knlb*>Wc|RCs-EPLbtE;)W;&#zNoxU~~
z*AGXYr-Ny~J=Jb|(`vG}e>nNNE!rcu^br;IYyklRAOHd&00JNY0w4eaAOHd&00Mtd
z;PPp17HwZ0r-P^?lkxbSd^<Lyoi~%6^`;v15;gj8mTqA`V0?>jdCU9ty_P)csKeID
zLHwd#UFMPDgj20uK|NxGWH^!%V<nmKV`VrGJkEWOxRH{AD3=GmQiN;H3^U4)bfB>E
zwM(UlxaZ=?U~Ehr$1WF)`W_=R5L9@!#W11TQ0WQ66gH93zPSvXS+sF`2RnmN)JZqb
zy7yK-9CZEu#rSzStdiHQba$C69LG`Yo7hgQX@p}RQ!VT&xbbX@2TZ!e70lHErzB!R
z7-AQXsi0CtRN1x0R1yzsmq?`qaiyllj^dIrrU`Kw@n}FP_L&<PYJ4Sx9Uf3W2x7co
zpKGr01r@&90s;g;00ck)1V8`;KmY_l00ck)1VG?l5O|W`cCuch<R0fY=C6~tZzv|e
r|2u_m$bKL|00ck)1V8`;KmY_l00ck)1V8`;{wINXCtq}a{vYE9elq^<


From 805e2ac644dcbdbb60b518f3f65497a956ae3134 Mon Sep 17 00:00:00 2001
From: TobiMessi <tobiaszzkajzer@gmail.com>
Date: Sun, 1 Feb 2026 16:03:11 +0100
Subject: [PATCH 11/13] Add stacks, logs, space background

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 4ecfda6..182ec0f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
 *.env
 secrets.txt
 config.local
+orbit.db
+*.db

From 08793ced4bc9838ece0a295695414c8b399da732 Mon Sep 17 00:00:00 2001
From: TobiMessi <tobiaszzkajzer@gmail.com>
Date: Sun, 1 Feb 2026 16:20:31 +0100
Subject: [PATCH 12/13] Add stacks, container logs, space background

---
 app.py                 | 425 +++++++++++++++--------------------------
 static/js/dashboard.js | 149 +++++++++++----
 templates/index.html   | 220 +++++++++++++++++----
 3 files changed, 438 insertions(+), 356 deletions(-)

diff --git a/app.py b/app.py
index c560723..44f43e1 100755
--- a/app.py
+++ b/app.py
@@ -1,19 +1,22 @@
 import docker
 import sqlite3
 import os
+import yaml
+import subprocess
 from flask import Flask, jsonify, render_template, request, session, redirect, url_for
 from werkzeug.security import generate_password_hash, check_password_hash
 
 app = Flask(__name__)
 app.secret_key = 'orbit_secret_key_2026'
 
-VERSION = "1.0.0"
+VERSION = "1.1.0"
 GITHUB_REPO = "TobiMessi/orbit"
 
 DB_PATH = '/app/orbit.db'
+STACKS_PATH = '/app/stacks'
 
+os.makedirs(STACKS_PATH, exist_ok=True)
 
-# ============ BAZA DANYCH ============
 
 def get_db():
     conn = sqlite3.connect(DB_PATH)
@@ -24,79 +27,17 @@ def get_db():
 def init_db():
     conn = get_db()
     db = conn.cursor()
-
     db.execute('''CREATE TABLE IF NOT EXISTS users
-                  (
-                      id
-                      INTEGER
-                      PRIMARY
-                      KEY
-                      AUTOINCREMENT,
-                      email
-                      TEXT
-                      UNIQUE,
-                      password
-                      TEXT
-                  )''')
-
+                  (id INTEGER PRIMARY KEY AUTOINCREMENT,
+                   email TEXT UNIQUE,
+                   password TEXT)''')
     db.execute('''CREATE TABLE IF NOT EXISTS hosts
-                  (
-                      id
-                      INTEGER
-                      PRIMARY
-                      KEY
-                      AUTOINCREMENT,
-                      name
-                      TEXT,
-                      url
-                      TEXT,
-                      is_local
-                      INTEGER
-                      DEFAULT
-                      0
-                  )''')
-
-    db.execute('''CREATE TABLE IF NOT EXISTS notifications
-                  (
-                      id
-                      INTEGER
-                      PRIMARY
-                      KEY
-                      AUTOINCREMENT,
-                      type
-                      TEXT,
-                      config
-                      TEXT,
-                      enabled
-                      INTEGER
-                      DEFAULT
-                      1
-                  )''')
-
-    db.execute('''CREATE TABLE IF NOT EXISTS alerts
-                  (
-                      id
-                      INTEGER
-                      PRIMARY
-                      KEY
-                      AUTOINCREMENT,
-                      host_id
-                      INTEGER,
-                      container_name
-                      TEXT,
-                      message
-                      TEXT,
-                      timestamp
-                      DATETIME
-                      DEFAULT
-                      CURRENT_TIMESTAMP
-                  )''')
-
+                  (id INTEGER PRIMARY KEY AUTOINCREMENT,
+                   name TEXT, url TEXT, is_local INTEGER DEFAULT 0)''')
     db.execute("SELECT id FROM hosts WHERE is_local = 1")
     if not db.fetchone():
         db.execute("INSERT INTO hosts (name, url, is_local) VALUES (?, ?, ?)",
                    ("Local Docker", "unix://var/run/docker.sock", 1))
-
     conn.commit()
     conn.close()
     print("✅ Baza danych zainicjalizowana")
@@ -105,8 +46,6 @@ def init_db():
 init_db()
 
 
-# ============ DOCKER CLIENT ============
-
 def get_docker_client(host_id=None):
     try:
         if host_id:
@@ -126,7 +65,24 @@ def get_docker_client(host_id=None):
     print("✅ Połączono z Docker Engine")
 
 
-# ============ ROUTING - AUTH ============
+def get_stacks():
+    stacks = {}
+    try:
+        containers = client.containers.list(all=True)
+        for c in containers:
+            labels = c.labels
+            project = labels.get('com.docker.compose.project')
+            if project:
+                if project not in stacks:
+                    stacks[project] = {'name': project, 'containers': []}
+                c.reload()
+                state = c.attrs['State']
+                status = 'running' if state.get('Running') else 'stopped'
+                stacks[project]['containers'].append({'name': c.name, 'status': status})
+    except Exception as e:
+        print(f"Błąd pobierania stacków: {e}")
+    return list(stacks.values())
+
 
 @app.route('/')
 def home():
@@ -139,18 +95,14 @@ def home():
 def login():
     if request.method == 'GET':
         return render_template('login.html')
-
     data = request.json
     email = data.get('email')
     password = data.get('password')
-
     if not email or not password:
         return jsonify({"status": "error", "message": "Uzupełnij wszystkie pola"}), 400
-
     conn = get_db()
     user = conn.execute("SELECT password FROM users WHERE email=?", (email,)).fetchone()
     conn.close()
-
     if user and check_password_hash(user['password'], password):
         session['user'] = email
         return jsonify({"status": "ok"})
@@ -162,17 +114,15 @@ def register():
     data = request.json
     email = data.get('email')
     password = data.get('password')
-
     if not email or not password:
         return jsonify({"status": "error", "message": "Uzupełnij wszystkie pola"}), 400
-
     hashed_pw = generate_password_hash(password)
     try:
         conn = get_db()
         conn.execute("INSERT INTO users (email, password) VALUES (?, ?)", (email, hashed_pw))
         conn.commit()
         conn.close()
-        return jsonify({"status": "ok", "message": "Konto utworzone! Możesz się zalogować."})
+        return jsonify({"status": "ok", "message": "Konto utworzone!"})
     except sqlite3.IntegrityError:
         return jsonify({"status": "error", "message": "Ten email jest już zarejestrowany"}), 400
 
@@ -183,105 +133,61 @@ def logout():
     return redirect(url_for('login'))
 
 
-# ============ ROUTING - VERSION ============
-
 @app.route('/api/version')
 def get_version():
-    return jsonify({
-        'current': VERSION,
-        'github_repo': f'https://github.com/{GITHUB_REPO}'
-    })
+    return jsonify({'current': VERSION, 'github_repo': f'https://github.com/{GITHUB_REPO}'})
 
 
-# ============ ROUTING - STATUS ============
-
 @app.route('/status')
 def status():
     if 'user' not in session:
         return jsonify({"error": "unauthorized"}), 401
-
     if client is None:
         return jsonify({"error": "Docker niedostępny"}), 503
-
     try:
         all_containers = client.containers.list(all=True)
         all_images = client.images.list()
         all_volumes = client.volumes.list()
         all_networks = client.networks.list()
+        all_stacks = get_stacks()
 
         containers = []
         for c in all_containers:
             c.reload()
             state = c.attrs['State']
-
-            if state.get('Running'):
-                status = 'running'
-            elif state.get('Paused'):
-                status = 'paused'
-            elif state.get('Restarting'):
-                status = 'restarting'
-            elif state.get('Dead'):
-                status = 'dead'
-            else:
-                status = 'stopped'
-
+            if state.get('Running'): status = 'running'
+            elif state.get('Paused'): status = 'paused'
+            elif state.get('Restarting'): status = 'restarting'
+            else: status = 'stopped'
             containers.append({
-                "id": c.short_id,
-                "name": c.name,
-                "status": status,
+                "id": c.short_id, "name": c.name, "status": status,
                 "image": c.image.tags[0] if c.image.tags else c.image.short_id
             })
 
-        images = []
-        for img in all_images:
-            size_mb = round(img.attrs['Size'] / (1024 * 1024), 1)
-            images.append({
-                "id": img.short_id.replace("sha256:", ""),
-                "tags": img.tags if img.tags else ["<none>:<none>"],
-                "size": f"{size_mb} MB"
-            })
+        images = [{"id": img.short_id.replace("sha256:", ""),
+                   "tags": img.tags if img.tags else ["<none>:<none>"],
+                   "size": f"{round(img.attrs['Size'] / (1024 * 1024), 1)} MB"} for img in all_images]
 
-        volumes = []
-        for vol in all_volumes:
-            volumes.append({
-                "name": vol.name,
-                "driver": vol.attrs.get('Driver', 'unknown'),
-                "mountpoint": vol.attrs.get('Mountpoint', '')[:50]
-            })
+        volumes = [{"name": vol.name, "driver": vol.attrs.get('Driver', 'unknown'),
+                    "mountpoint": vol.attrs.get('Mountpoint', '')[:50]} for vol in all_volumes]
 
-        networks = []
-        for net in all_networks:
-            networks.append({
-                "id": net.short_id,
-                "name": net.name,
-                "driver": net.attrs.get('Driver', 'unknown'),
-                "scope": net.attrs.get('Scope', 'unknown')
-            })
+        networks = [{"id": net.short_id, "name": net.name,
+                     "driver": net.attrs.get('Driver', 'unknown'),
+                     "scope": net.attrs.get('Scope', 'unknown')} for net in all_networks]
 
         return jsonify({
-            "counts": {
-                "containers": len(all_containers),
-                "images": len(all_images),
-                "stacks": 0,
-                "volumes": len(all_volumes),
-                "networks": len(all_networks)
-            },
-            "containers": containers,
-            "images": images,
-            "volumes": volumes,
-            "networks": networks,
-            "alerts_count": sum(1 for c in containers if c['status'] != 'running')
+            "counts": {"containers": len(all_containers), "images": len(all_images),
+                       "stacks": len(all_stacks), "volumes": len(all_volumes), "networks": len(all_networks)},
+            "containers": containers, "images": images, "volumes": volumes,
+            "networks": networks, "stacks": all_stacks
         })
     except Exception as e:
         return jsonify({"error": str(e)}), 500
 
 
-# ============ KONTENERY - AKCJE ============
-
 @app.route('/container/<container_id>/start', methods=['POST'])
 def container_start(container_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         container = client.containers.get(container_id)
         container.start()
@@ -292,8 +198,7 @@ def container_start(container_id):
 
 @app.route('/container/<container_id>/stop', methods=['POST'])
 def container_stop(container_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         container = client.containers.get(container_id)
         container.stop()
@@ -304,8 +209,7 @@ def container_stop(container_id):
 
 @app.route('/container/<container_id>/restart', methods=['POST'])
 def container_restart(container_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         container = client.containers.get(container_id)
         container.restart()
@@ -316,8 +220,7 @@ def container_restart(container_id):
 
 @app.route('/container/<container_id>/remove', methods=['POST'])
 def container_remove(container_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         container = client.containers.get(container_id)
         name = container.name
@@ -327,78 +230,54 @@ def container_remove(container_id):
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-# ============ KONTENERY - TWORZENIE ============
+@app.route('/container/<container_id>/logs', methods=['GET'])
+def container_logs(container_id):
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
+    try:
+        container = client.containers.get(container_id)
+        logs = container.logs(tail=100, timestamps=True).decode('utf-8', errors='ignore')
+        return jsonify({"status": "ok", "logs": logs})
+    except Exception as e:
+        return jsonify({"status": "error", "message": str(e)}), 500
+
 
 @app.route('/container/create', methods=['POST'])
 def container_create():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
-
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         data = request.json
         image = data.get('image')
-        name = data.get('name')
-        ports = data.get('ports', {})
-        env = data.get('env', [])
-        volumes = data.get('volumes', {})
-        restart_policy = data.get('restart_policy', 'no')
-        network = data.get('network', None)
-
-        if not image:
-            return jsonify({"status": "error", "message": "Obraz jest wymagany"}), 400
+        if not image: return jsonify({"status": "error", "message": "Obraz jest wymagany"}), 400
 
-        try:
-            client.images.get(image)
-        except docker.errors.ImageNotFound:
-            print(f"📥 Pobieranie obrazu: {image}")
-            client.images.pull(image)
+        try: client.images.get(image)
+        except docker.errors.ImageNotFound: client.images.pull(image)
 
         port_bindings = {}
-        if ports:
-            for container_port, host_port in ports.items():
-                port_bindings[container_port] = host_port
+        if data.get('ports'):
+            for cp, hp in data['ports'].items():
+                port_bindings[cp] = hp
 
-        restart_config = {"Name": restart_policy}
-        if restart_policy == "on-failure":
+        restart_config = {"Name": data.get('restart_policy', 'no')}
+        if restart_config["Name"] == "on-failure":
             restart_config["MaximumRetryCount"] = 5
 
         container = client.containers.run(
-            image=image,
-            name=name if name else None,
-            ports=port_bindings if port_bindings else None,
-            environment=env if env else None,
-            volumes=volumes if volumes else None,
-            restart_policy=restart_config,
-            network=network if network else None,
-            detach=True
+            image=image, name=data.get('name'), ports=port_bindings or None,
+            environment=data.get('env') or None, restart_policy=restart_config,
+            network=data.get('network') or None, detach=True
         )
-
-        return jsonify({
-            "status": "ok",
-            "message": f"Kontener {container.name} utworzony i uruchomiony",
-            "id": container.short_id
-        })
+        return jsonify({"status": "ok", "message": f"Kontener {container.name} utworzony", "id": container.short_id})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-# ============ OBRAZY ============
-
 @app.route('/image/pull', methods=['POST'])
 def image_pull():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
-
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
-        data = request.json
-        image = data.get('image')
-
-        if not image:
-            return jsonify({"status": "error", "message": "Nazwa obrazu jest wymagana"}), 400
-
-        print(f"📥 Pobieranie obrazu: {image}")
+        image = request.json.get('image')
+        if not image: return jsonify({"status": "error", "message": "Nazwa obrazu jest wymagana"}), 400
         client.images.pull(image)
-
         return jsonify({"status": "ok", "message": f"Obraz {image} pobrany"})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
@@ -406,30 +285,22 @@ def image_pull():
 
 @app.route('/image/<image_id>/remove', methods=['POST'])
 def image_remove(image_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         client.images.remove(image_id, force=True)
-        return jsonify({"status": "ok", "message": f"Obraz usunięty"})
+        return jsonify({"status": "ok", "message": "Obraz usunięty"})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-# ============ SIECI ============
-
 @app.route('/network/create', methods=['POST'])
 def network_create():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         data = request.json
         name = data.get('name')
-        driver = data.get('driver', 'bridge')
-
-        if not name:
-            return jsonify({"status": "error", "message": "Nazwa sieci jest wymagana"}), 400
-
-        client.networks.create(name=name, driver=driver)
+        if not name: return jsonify({"status": "error", "message": "Nazwa sieci jest wymagana"}), 400
+        client.networks.create(name=name, driver=data.get('driver', 'bridge'))
         return jsonify({"status": "ok", "message": f"Sieć {name} utworzona"})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
@@ -437,8 +308,7 @@ def network_create():
 
 @app.route('/network/<network_id>/remove', methods=['POST'])
 def network_remove(network_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         network = client.networks.get(network_id)
         name = network.name
@@ -448,19 +318,12 @@ def network_remove(network_id):
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-# ============ VOLUMES ============
-
 @app.route('/volume/create', methods=['POST'])
 def volume_create():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
-        data = request.json
-        name = data.get('name')
-
-        if not name:
-            return jsonify({"status": "error", "message": "Nazwa volume jest wymagana"}), 400
-
+        name = request.json.get('name')
+        if not name: return jsonify({"status": "error", "message": "Nazwa volume jest wymagana"}), 400
         client.volumes.create(name=name)
         return jsonify({"status": "ok", "message": f"Volume {name} utworzony"})
     except Exception as e:
@@ -469,8 +332,7 @@ def volume_create():
 
 @app.route('/volume/<volume_name>/remove', methods=['POST'])
 def volume_remove(volume_name):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         volume = client.volumes.get(volume_name)
         volume.remove()
@@ -479,68 +341,87 @@ def volume_remove(volume_name):
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-# ============ HOSTY ============
-
-@app.route('/hosts')
-def get_hosts():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
-
-    conn = get_db()
-    hosts = conn.execute("SELECT * FROM hosts").fetchall()
-    conn.close()
-
-    return jsonify([dict(h) for h in hosts])
-
-
-@app.route('/host/add', methods=['POST'])
-def add_host():
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
-
+@app.route('/stack/create', methods=['POST'])
+def stack_create():
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
         data = request.json
         name = data.get('name')
-        url = data.get('url')
+        compose_content = data.get('compose')
+        if not name or not compose_content:
+            return jsonify({"status": "error", "message": "Nazwa i konfiguracja są wymagane"}), 400
+
+        try: yaml.safe_load(compose_content)
+        except yaml.YAMLError as e:
+            return jsonify({"status": "error", "message": f"Nieprawidłowy YAML: {e}"}), 400
+
+        stack_dir = os.path.join(STACKS_PATH, name)
+        os.makedirs(stack_dir, exist_ok=True)
+        compose_file = os.path.join(stack_dir, 'docker-compose.yml')
+        with open(compose_file, 'w') as f:
+            f.write(compose_content)
+
+        result = subprocess.run(['docker', 'compose', '-p', name, '-f', compose_file, 'up', '-d'],
+                                capture_output=True, text=True)
+        if result.returncode != 0:
+            return jsonify({"status": "error", "message": result.stderr}), 500
+        return jsonify({"status": "ok", "message": f"Stack {name} uruchomiony"})
+    except Exception as e:
+        return jsonify({"status": "error", "message": str(e)}), 500
 
-        if not name or not url:
-            return jsonify({"status": "error", "message": "Nazwa i URL są wymagane"}), 400
 
-        try:
-            test_client = docker.DockerClient(base_url=url)
-            test_client.ping()
-        except Exception as e:
-            return jsonify({"status": "error", "message": f"Nie można połączyć: {e}"}), 400
+@app.route('/stack/<name>/start', methods=['POST'])
+def stack_start(name):
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
+    try:
+        containers = client.containers.list(all=True, filters={'label': f'com.docker.compose.project={name}'})
+        for c in containers: c.start()
+        return jsonify({"status": "ok", "message": f"Stack {name} uruchomiony"})
+    except Exception as e:
+        return jsonify({"status": "error", "message": str(e)}), 500
 
-        conn = get_db()
-        conn.execute("INSERT INTO hosts (name, url, is_local) VALUES (?, ?, 0)", (name, url))
-        conn.commit()
-        conn.close()
 
-        return jsonify({"status": "ok", "message": f"Host {name} dodany"})
+@app.route('/stack/<name>/stop', methods=['POST'])
+def stack_stop(name):
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
+    try:
+        containers = client.containers.list(filters={'label': f'com.docker.compose.project={name}'})
+        for c in containers: c.stop()
+        return jsonify({"status": "ok", "message": f"Stack {name} zatrzymany"})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
-@app.route('/host/<int:host_id>/remove', methods=['POST'])
-def remove_host(host_id):
-    if 'user' not in session:
-        return jsonify({"error": "unauthorized"}), 401
-
+@app.route('/stack/<name>/restart', methods=['POST'])
+def stack_restart(name):
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
     try:
-        conn = get_db()
-        host = conn.execute("SELECT is_local FROM hosts WHERE id = ?", (host_id,)).fetchone()
-        if host and host['is_local']:
-            return jsonify({"status": "error", "message": "Nie można usunąć lokalnego hosta"}), 400
+        containers = client.containers.list(filters={'label': f'com.docker.compose.project={name}'})
+        for c in containers: c.restart()
+        return jsonify({"status": "ok", "message": f"Stack {name} zrestartowany"})
+    except Exception as e:
+        return jsonify({"status": "error", "message": str(e)}), 500
 
-        conn.execute("DELETE FROM hosts WHERE id = ?", (host_id,))
-        conn.commit()
-        conn.close()
 
-        return jsonify({"status": "ok", "message": "Host usunięty"})
+@app.route('/stack/<name>/remove', methods=['POST'])
+def stack_remove(name):
+    if 'user' not in session: return jsonify({"error": "unauthorized"}), 401
+    try:
+        stack_dir = os.path.join(STACKS_PATH, name)
+        compose_file = os.path.join(stack_dir, 'docker-compose.yml')
+        if os.path.exists(compose_file):
+            subprocess.run(['docker', 'compose', '-p', name, '-f', compose_file, 'down', '-v'],
+                           capture_output=True, text=True)
+            os.remove(compose_file)
+            try: os.rmdir(stack_dir)
+            except: pass
+        else:
+            containers = client.containers.list(all=True, filters={'label': f'com.docker.compose.project={name}'})
+            for c in containers: c.remove(force=True)
+        return jsonify({"status": "ok", "message": f"Stack {name} usunięty"})
     except Exception as e:
         return jsonify({"status": "error", "message": str(e)}), 500
 
 
 if __name__ == '__main__':
-    app.run(host='0.0.0.0', port=5000)
\ No newline at end of file
+    app.run(host='0.0.0.0', port=5000)
diff --git a/static/js/dashboard.js b/static/js/dashboard.js
index 0c7f7f6..b667a48 100644
--- a/static/js/dashboard.js
+++ b/static/js/dashboard.js
@@ -1,7 +1,6 @@
 let cachedData = null;
 let activeTab = null;
-
-// ============ ODŚWIEŻANIE DANYCH ============
+let currentLogsContainer = null;
 
 async function refreshData() {
     try {
@@ -15,7 +14,7 @@ async function refreshData() {
         document.getElementById('count-images').innerText = data.counts.images;
         document.getElementById('count-volumes').innerText = data.counts.volumes;
         document.getElementById('count-networks').innerText = data.counts.networks;
-        document.getElementById('count-stacks').innerText = data.counts.stacks;
+        document.getElementById('count-stacks').innerText = data.counts.stacks || 0;
 
         updateNetworkSelect();
 
@@ -37,8 +36,6 @@ function updateNetworkSelect() {
     });
 }
 
-// ============ WYŚWIETLANIE LISTY ============
-
 function updateList(type) {
     const list = document.getElementById('details-list');
     const header = document.getElementById('details-header');
@@ -56,7 +53,7 @@ function updateList(type) {
     };
     header.innerText = titles[type] || 'Lista';
 
-    addBtn.style.display = ['containers', 'volumes', 'networks', 'images'].includes(type) ? 'block' : 'none';
+    addBtn.style.display = ['containers', 'volumes', 'networks', 'images', 'stacks'].includes(type) ? 'block' : 'none';
 
     const items = cachedData[type] || [];
 
@@ -83,6 +80,7 @@ function updateList(type) {
                         ${item.status !== 'running' ? `<button class="action-btn start" onclick="containerAction('${item.id}', 'start')">▶</button>` : ''}
                         ${item.status === 'running' ? `<button class="action-btn stop" onclick="containerAction('${item.id}', 'stop')">⏹</button>` : ''}
                         <button class="action-btn restart" onclick="containerAction('${item.id}', 'restart')">🔄</button>
+                        <button class="action-btn logs" onclick="showLogs('${item.id}', '${item.name}')">📋</button>
                         <button class="action-btn remove" onclick="containerAction('${item.id}', 'remove')">🗑</button>
                     </div>
                     <div style="text-align:right;">
@@ -139,14 +137,42 @@ function updateList(type) {
                     <div class="item-details">${item.driver} / ${item.scope}</div>
                 </div>
             `;
+        } else if (type === 'stacks') {
+            const runningCount = item.containers.filter(c => c.status === 'running').length;
+            const totalCount = item.containers.length;
+            const allRunning = runningCount === totalCount;
+            const statusClass = allRunning ? 'running' : (runningCount > 0 ? 'paused' : 'stopped');
+            
+            let containerDots = item.containers.map(c => 
+                `<div class="stack-dot" style="background: var(--${c.status === 'running' ? 'success' : 'error'})"></div>`
+            ).join('');
+
+            div.innerHTML = `
+                <div class="info">
+                    <div class="dot ${statusClass}"></div>
+                    <div>
+                        <div class="item-name">${item.name}</div>
+                        <div class="stack-containers">${containerDots}</div>
+                    </div>
+                </div>
+                <div class="item-meta">
+                    <div class="actions">
+                        <button class="action-btn start" onclick="stackAction('${item.name}', 'start')">▶</button>
+                        <button class="action-btn stop" onclick="stackAction('${item.name}', 'stop')">⏹</button>
+                        <button class="action-btn restart" onclick="stackAction('${item.name}', 'restart')">🔄</button>
+                        <button class="action-btn remove" onclick="stackAction('${item.name}', 'remove')">🗑</button>
+                    </div>
+                    <div style="text-align:right;">
+                        <div class="item-details">${runningCount}/${totalCount} running</div>
+                    </div>
+                </div>
+            `;
         }
 
         list.appendChild(div);
     });
 }
 
-// ============ AKCJE ============
-
 async function containerAction(id, action) {
     if (action === 'remove' && !confirm('Czy na pewno usunąć kontener?')) return;
     try {
@@ -195,7 +221,70 @@ async function volumeRemove(name) {
     }
 }
 
-// ============ MODAL TWORZENIA ============
+async function stackAction(name, action) {
+    if (action === 'remove' && !confirm('Czy na pewno usunąć stack?')) return;
+    try {
+        showToast(`Wykonywanie ${action}...`, 'success');
+        const res = await fetch(`/stack/${name}/${action}`, { method: 'POST' });
+        const data = await res.json();
+        showToast(data.message, res.ok ? 'success' : 'error');
+        refreshData();
+    } catch (err) {
+        showToast('Błąd: ' + err, 'error');
+    }
+}
+
+async function createStack() {
+    const name = document.getElementById('stack-name').value.trim();
+    const compose = document.getElementById('stack-compose').value.trim();
+
+    if (!name || !compose) {
+        showToast('Podaj nazwę i konfigurację!', 'error');
+        return;
+    }
+
+    try {
+        showToast('Tworzenie stacka...', 'success');
+        const res = await fetch('/stack/create', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ name, compose })
+        });
+        const data = await res.json();
+        showToast(data.message, res.ok ? 'success' : 'error');
+        if (res.ok) {
+            closeModal('stack-modal');
+            document.getElementById('stack-name').value = '';
+            document.getElementById('stack-compose').value = '';
+            refreshData();
+        }
+    } catch (err) {
+        showToast('Błąd: ' + err, 'error');
+    }
+}
+
+async function showLogs(containerId, containerName) {
+    currentLogsContainer = containerId;
+    document.getElementById('logs-title').innerText = `📋 Logi: ${containerName}`;
+    document.getElementById('logs-content').innerText = 'Ładowanie...';
+    document.getElementById('logs-modal').classList.add('visible');
+    await refreshLogs();
+}
+
+async function refreshLogs() {
+    if (!currentLogsContainer) return;
+    try {
+        const res = await fetch(`/container/${currentLogsContainer}/logs`);
+        const data = await res.json();
+        if (res.ok) {
+            document.getElementById('logs-content').innerText = data.logs || 'Brak logów';
+        } else {
+            document.getElementById('logs-content').innerText = 'Błąd: ' + data.message;
+        }
+    } catch (err) {
+        document.getElementById('logs-content').innerText = 'Błąd: ' + err;
+    }
+}
 
 function openCreateModal() {
     if (activeTab === 'containers') {
@@ -212,14 +301,16 @@ function openCreateModal() {
         document.getElementById('driver-group').style.display = 'none';
         document.getElementById('simple-name').value = '';
         document.getElementById('simple-modal').classList.add('visible');
+    } else if (activeTab === 'stacks') {
+        document.getElementById('stack-modal').classList.add('visible');
     }
 }
 
 function closeModal(id) {
     document.getElementById(id).classList.remove('visible');
+    if (id === 'logs-modal') currentLogsContainer = null;
 }
 
-// Tworzenie kontenera
 async function createContainer() {
     const image = document.getElementById('c-image').value.trim();
     const name = document.getElementById('c-name').value.trim();
@@ -234,16 +325,10 @@ async function createContainer() {
         return;
     }
 
-    const body = {
-        image: image,
-        name: name || null,
-        restart_policy: restart,
-        network: network || null
-    };
+    const body = { image, name: name || null, restart_policy: restart, network: network || null };
 
     if (portHost && portContainer) {
-        body.ports = {};
-        body.ports[`${portContainer}/tcp`] = parseInt(portHost);
+        body.ports = { [`${portContainer}/tcp`]: parseInt(portHost) };
     }
 
     if (envRaw) {
@@ -266,7 +351,6 @@ async function createContainer() {
     }
 }
 
-// Tworzenie sieci/volume
 async function confirmSimpleCreate() {
     const name = document.getElementById('simple-name').value.trim();
     if (!name) {
@@ -276,9 +360,8 @@ async function confirmSimpleCreate() {
 
     let url, body;
     if (activeTab === 'networks') {
-        const driver = document.getElementById('simple-driver').value;
         url = '/network/create';
-        body = { name, driver };
+        body = { name, driver: document.getElementById('simple-driver').value };
     } else if (activeTab === 'volumes') {
         url = '/volume/create';
         body = { name };
@@ -299,7 +382,6 @@ async function confirmSimpleCreate() {
     }
 }
 
-// Pull image
 async function pullImage() {
     const image = document.getElementById('pull-image').value.trim();
     if (!image) {
@@ -323,11 +405,7 @@ async function pullImage() {
     }
 }
 
-// ============ TABS ============
-
 function toggleTab(type) {
-    if (type === 'stacks') return;
-
     const section = document.getElementById('details-section');
     const tabs = document.querySelectorAll('.tab');
 
@@ -338,15 +416,11 @@ function toggleTab(type) {
     } else {
         activeTab = type;
         section.classList.add('visible');
-        tabs.forEach(t => {
-            t.classList.toggle('active', t.dataset.type === type);
-        });
+        tabs.forEach(t => t.classList.toggle('active', t.dataset.type === type));
         updateList(type);
     }
 }
 
-// ============ TOAST ============
-
 function showToast(message, type = 'success') {
     const toast = document.getElementById('toast');
     toast.innerText = message;
@@ -354,24 +428,17 @@ function showToast(message, type = 'success') {
     setTimeout(() => toast.classList.remove('visible'), 3000);
 }
 
-// ============ LOGOUT ============
-
 function logout() {
     window.location.href = '/logout';
 }
 
-// ============ UPDATE CHECKER ============
-
 async function checkForUpdate() {
     try {
-        const currentVersion = "1.0.0";
         const res = await fetch('https://api.github.com/repos/TobiMessi/orbit/releases/latest');
         if (!res.ok) return;
-
         const data = await res.json();
         const latestVersion = data.tag_name.replace('v', '');
-
-        if (latestVersion !== currentVersion) {
+        if (latestVersion !== "1.1.0") {
             document.getElementById('update-banner').classList.add('visible');
         }
     } catch (err) {
@@ -379,12 +446,10 @@ async function checkForUpdate() {
     }
 }
 
-// ============ INIT ============
-
 document.querySelectorAll('.tab').forEach(tab => {
     tab.addEventListener('click', () => toggleTab(tab.dataset.type));
 });
 
 refreshData();
 setInterval(refreshData, 5000);
-checkForUpdate();
\ No newline at end of file
+checkForUpdate();
diff --git a/templates/index.html b/templates/index.html
index 2d220e4..cbf35e7 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,9 +15,104 @@
             background-color: var(--bg); color: var(--text);
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
             padding: 0; margin: 0; line-height: 1.5;
+            min-height: 100vh;
+            overflow-x: hidden;
+        }
+
+        /* ============ SPACE BACKGROUND ============ */
+        .space-bg {
+            position: fixed;
+            top: 0; left: 0;
+            width: 100%; height: 100%;
+            z-index: -1;
+            overflow: hidden;
+            background: radial-gradient(ellipse at bottom, #1a1a2e 0%, #0d1117 100%);
+        }
+
+        .stars {
+            position: absolute;
+            width: 100%; height: 100%;
+            background-image: 
+                radial-gradient(2px 2px at 20px 30px, #eee, transparent),
+                radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.8), transparent),
+                radial-gradient(1px 1px at 90px 40px, #fff, transparent),
+                radial-gradient(2px 2px at 160px 120px, rgba(255,255,255,0.9), transparent),
+                radial-gradient(1px 1px at 230px 80px, #fff, transparent),
+                radial-gradient(2px 2px at 300px 150px, rgba(255,255,255,0.7), transparent),
+                radial-gradient(1px 1px at 370px 200px, #fff, transparent),
+                radial-gradient(2px 2px at 450px 50px, rgba(255,255,255,0.8), transparent);
+            background-size: 500px 300px;
+            animation: twinkle 5s ease-in-out infinite;
+        }
+
+        .stars2 {
+            position: absolute;
+            width: 100%; height: 100%;
+            background-image: 
+                radial-gradient(1px 1px at 50px 100px, #fff, transparent),
+                radial-gradient(2px 2px at 100px 200px, rgba(255,255,255,0.6), transparent),
+                radial-gradient(1px 1px at 200px 50px, #fff, transparent),
+                radial-gradient(1px 1px at 280px 180px, rgba(255,255,255,0.8), transparent),
+                radial-gradient(2px 2px at 400px 100px, #fff, transparent),
+                radial-gradient(1px 1px at 480px 250px, rgba(255,255,255,0.7), transparent);
+            background-size: 550px 350px;
+            animation: twinkle 7s ease-in-out infinite reverse;
+        }
+
+        @keyframes twinkle {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+
+        .planet {
+            position: absolute;
+            border-radius: 50%;
+        }
+
+        .planet1 {
+            width: 80px; height: 80px;
+            background: radial-gradient(circle at 30% 30%, #58a6ff, #1a4b8c);
+            top: 15%; right: 10%;
+            box-shadow: 0 0 40px rgba(88, 166, 255, 0.3);
+            animation: float 20s ease-in-out infinite;
+        }
+
+        .planet2 {
+            width: 40px; height: 40px;
+            background: radial-gradient(circle at 30% 30%, #f85149, #8b2020);
+            top: 60%; right: 5%;
+            box-shadow: 0 0 20px rgba(248, 81, 73, 0.3);
+            animation: float 15s ease-in-out infinite reverse;
+        }
+
+        .planet3 {
+            width: 25px; height: 25px;
+            background: radial-gradient(circle at 30% 30%, #3fb950, #1a5c28);
+            top: 40%; left: 5%;
+            box-shadow: 0 0 15px rgba(63, 185, 80, 0.3);
+            animation: float 25s ease-in-out infinite;
+        }
+
+        .orbit-ring {
+            position: absolute;
+            border: 1px solid rgba(88, 166, 255, 0.1);
+            border-radius: 50%;
+            animation: rotate 60s linear infinite;
+        }
+
+        .orbit1 { width: 300px; height: 300px; top: 10%; right: -50px; }
+        .orbit2 { width: 200px; height: 200px; bottom: 20%; left: -30px; animation-duration: 45s; animation-direction: reverse; }
+
+        @keyframes float {
+            0%, 100% { transform: translateY(0px); }
+            50% { transform: translateY(-20px); }
+        }
+
+        @keyframes rotate {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
         }
 
-        /* UPDATE BANNER */
         .update-banner {
             display: none;
             background: linear-gradient(90deg, #238636, #2ea043);
@@ -27,15 +122,19 @@
             font-size: 0.85rem;
         }
         .update-banner.visible { display: block; }
-        .update-banner a {
-            color: white;
-            font-weight: 600;
-            margin-left: 10px;
-            text-decoration: underline;
+        .update-banner a { color: white; font-weight: 600; margin-left: 10px; text-decoration: underline; }
+
+        .github-banner {
+            background: rgba(88, 166, 255, 0.1);
+            border-bottom: 1px solid var(--border);
+            padding: 8px 20px;
+            text-align: center;
+            font-size: 0.8rem;
         }
-        .update-banner a:hover { opacity: 0.9; }
+        .github-banner a { color: var(--accent); text-decoration: none; font-weight: 500; }
+        .github-banner a:hover { text-decoration: underline; }
 
-        .main-content { padding: 30px; }
+        .main-content { padding: 30px; position: relative; z-index: 1; }
 
         .header {
             display: flex; justify-content: space-between; align-items: center;
@@ -46,24 +145,24 @@
 
         .tabs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
         .tab {
-            background: var(--card); border: 1px solid var(--border); border-radius: 6px;
+            background: rgba(22, 27, 34, 0.9); border: 1px solid var(--border); border-radius: 6px;
             padding: 20px; cursor: pointer; transition: all 0.2s;
+            backdrop-filter: blur(10px);
         }
         .tab:hover { border-color: #8b949e; }
-        .tab.active { border-color: var(--accent); background: #21262d; }
-        .tab.disabled { opacity: 0.5; cursor: not-allowed; }
-        .tab.disabled:hover { border-color: var(--border); }
+        .tab.active { border-color: var(--accent); background: rgba(33, 38, 45, 0.9); }
         .tab-label { font-size: 0.7rem; color: #8b949e; text-transform: uppercase; }
         .count { display: block; font-size: 1.8rem; font-weight: 600; margin-top: 5px; }
 
         #details-section {
-            margin-top: 25px; background: var(--card); border: 1px solid var(--border);
+            margin-top: 25px; background: rgba(22, 27, 34, 0.95); border: 1px solid var(--border);
             border-radius: 6px; display: none; overflow: hidden;
+            backdrop-filter: blur(10px);
         }
         #details-section.visible { display: block; }
 
         .section-header {
-            padding: 15px 20px; background: #21262d; border-bottom: 1px solid var(--border);
+            padding: 15px 20px; background: rgba(33, 38, 45, 0.9); border-bottom: 1px solid var(--border);
             display: flex; justify-content: space-between; align-items: center;
         }
         .section-title { font-size: 0.9rem; font-weight: 600; color: #f0f6fc; }
@@ -80,7 +179,7 @@
             padding: 12px 20px; border-bottom: 1px solid var(--border);
         }
         .list-item:last-child { border-bottom: none; }
-        .list-item:hover { background: #21262d; }
+        .list-item:hover { background: rgba(33, 38, 45, 0.5); }
 
         .info { display: flex; align-items: center; gap: 12px; }
         .dot { width: 8px; height: 8px; border-radius: 50%; }
@@ -107,6 +206,7 @@
         .action-btn.stop { color: var(--warning); border-color: var(--warning); }
         .action-btn.restart { color: var(--accent); border-color: var(--accent); }
         .action-btn.remove { color: var(--error); border-color: var(--error); }
+        .action-btn.logs { color: #a371f7; border-color: #a371f7; }
 
         button.logout {
             background: transparent; color: var(--error); border: 1px solid var(--border);
@@ -115,7 +215,9 @@
 
         .empty-state { padding: 40px; text-align: center; color: #6e7681; }
 
-        /* Modal */
+        .stack-containers { display: flex; gap: 4px; margin-top: 5px; }
+        .stack-dot { width: 6px; height: 6px; border-radius: 50%; }
+
         .modal {
             display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
             background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 1000;
@@ -125,24 +227,29 @@
             background: var(--card); border: 1px solid var(--border); border-radius: 8px;
             padding: 25px; width: 450px; max-height: 80vh; overflow-y: auto;
         }
+        .modal-content.wide { width: 700px; }
         .modal-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 20px; }
 
         .form-group { margin-bottom: 15px; }
         .form-group label { display: block; font-size: 0.8rem; color: #8b949e; margin-bottom: 5px; }
-        .form-group input, .form-group select {
+        .form-group input, .form-group select, .form-group textarea {
             width: 100%; padding: 10px; background: var(--bg);
             border: 1px solid var(--border); color: var(--text); border-radius: 4px;
         }
-        .form-group input:focus, .form-group select:focus {
+        .form-group textarea { font-family: monospace; font-size: 0.85rem; min-height: 200px; resize: vertical; }
+        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
             outline: none; border-color: var(--accent);
         }
         .form-group small { color: #6e7681; font-size: 0.7rem; }
-
         .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
-
         .modal-buttons { display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; }
 
-        /* Toast */
+        .logs-container {
+            background: #000; border: 1px solid var(--border); border-radius: 4px;
+            padding: 15px; font-family: monospace; font-size: 0.75rem;
+            max-height: 400px; overflow-y: auto; white-space: pre-wrap; word-break: break-all; color: #0f0;
+        }
+
         .toast {
             position: fixed; bottom: 20px; right: 20px; padding: 12px 20px;
             background: var(--card); border: 1px solid var(--border); border-radius: 6px;
@@ -155,13 +262,25 @@
     </style>
 </head>
 <body>
+    <div class="space-bg">
+        <div class="stars"></div>
+        <div class="stars2"></div>
+        <div class="planet planet1"></div>
+        <div class="planet planet2"></div>
+        <div class="planet planet3"></div>
+        <div class="orbit-ring orbit1"></div>
+        <div class="orbit-ring orbit2"></div>
+    </div>
 
-    <!-- UPDATE BANNER -->
     <div class="update-banner" id="update-banner">
         🎉 Nowa wersja dostępna!
         <a href="https://github.com/TobiMessi/orbit/releases/latest" target="_blank">Pobierz teraz →</a>
     </div>
 
+    <div class="github-banner">
+        ⭐ Sprawdź projekt na GitHub: <a href="https://github.com/TobiMessi/orbit" target="_blank">TobiMessi/orbit</a>
+    </div>
+
     <div class="main-content">
         <div class="header">
             <h1>Orbit <b>Control</b></h1>
@@ -185,9 +304,9 @@ <h1>Orbit <b>Control</b></h1>
                 <span class="tab-label">Networks</span>
                 <span class="count" id="count-networks">0</span>
             </div>
-            <div class="tab disabled" data-type="stacks">
+            <div class="tab" data-type="stacks">
                 <span class="tab-label">Stacks</span>
-                <span class="count" id="count-stacks" style="font-size: 0.8rem; color: #d29922;">coming soon</span>
+                <span class="count" id="count-stacks">0</span>
             </div>
         </div>
 
@@ -200,22 +319,18 @@ <h1>Orbit <b>Control</b></h1>
         </div>
     </div>
 
-    <!-- Modal tworzenia kontenera -->
     <div class="modal" id="container-modal">
         <div class="modal-content">
             <div class="modal-title">🐳 Utwórz kontener</div>
-
             <div class="form-group">
                 <label>Obraz *</label>
                 <input type="text" id="c-image" placeholder="np. nginx:latest, postgres:15">
                 <small>Obraz zostanie pobrany automatycznie jeśli nie istnieje</small>
             </div>
-
             <div class="form-group">
                 <label>Nazwa kontenera</label>
                 <input type="text" id="c-name" placeholder="np. my-nginx (opcjonalne)">
             </div>
-
             <div class="form-group">
                 <label>Porty</label>
                 <div class="form-row">
@@ -224,13 +339,11 @@ <h1>Orbit <b>Control</b></h1>
                 </div>
                 <small>Mapowanie: host:kontener</small>
             </div>
-
             <div class="form-group">
                 <label>Zmienne środowiskowe</label>
                 <input type="text" id="c-env" placeholder="KEY=value, DB_HOST=localhost">
                 <small>Oddzielone przecinkami</small>
             </div>
-
             <div class="form-group">
                 <label>Restart Policy</label>
                 <select id="c-restart">
@@ -240,14 +353,12 @@ <h1>Orbit <b>Control</b></h1>
                     <option value="unless-stopped">Unless Stopped</option>
                 </select>
             </div>
-
             <div class="form-group">
                 <label>Sieć</label>
                 <select id="c-network">
                     <option value="">Domyślna (bridge)</option>
                 </select>
             </div>
-
             <div class="modal-buttons">
                 <button class="btn btn-secondary" onclick="closeModal('container-modal')">Anuluj</button>
                 <button class="btn" onclick="createContainer()">Utwórz</button>
@@ -255,16 +366,13 @@ <h1>Orbit <b>Control</b></h1>
         </div>
     </div>
 
-    <!-- Modal tworzenia sieci/volume -->
     <div class="modal" id="simple-modal">
         <div class="modal-content">
             <div class="modal-title" id="simple-modal-title">Utwórz</div>
-
             <div class="form-group">
                 <label>Nazwa *</label>
                 <input type="text" id="simple-name" placeholder="Nazwa">
             </div>
-
             <div class="form-group" id="driver-group" style="display:none;">
                 <label>Driver</label>
                 <select id="simple-driver">
@@ -274,7 +382,6 @@ <h1>Orbit <b>Control</b></h1>
                     <option value="macvlan">macvlan</option>
                 </select>
             </div>
-
             <div class="modal-buttons">
                 <button class="btn btn-secondary" onclick="closeModal('simple-modal')">Anuluj</button>
                 <button class="btn" onclick="confirmSimpleCreate()">Utwórz</button>
@@ -282,16 +389,13 @@ <h1>Orbit <b>Control</b></h1>
         </div>
     </div>
 
-    <!-- Modal pull image -->
     <div class="modal" id="pull-modal">
         <div class="modal-content">
             <div class="modal-title">📥 Pobierz obraz</div>
-
             <div class="form-group">
                 <label>Nazwa obrazu *</label>
                 <input type="text" id="pull-image" placeholder="np. nginx:latest, redis:7-alpine">
             </div>
-
             <div class="modal-buttons">
                 <button class="btn btn-secondary" onclick="closeModal('pull-modal')">Anuluj</button>
                 <button class="btn" onclick="pullImage()">Pobierz</button>
@@ -299,9 +403,41 @@ <h1>Orbit <b>Control</b></h1>
         </div>
     </div>
 
-    <!-- Toast -->
-    <div class="toast" id="toast"></div>
+    <div class="modal" id="stack-modal">
+        <div class="modal-content wide">
+            <div class="modal-title">📦 Utwórz Stack (Docker Compose)</div>
+            <div class="form-group">
+                <label>Nazwa stacka *</label>
+                <input type="text" id="stack-name" placeholder="np. my-app">
+            </div>
+            <div class="form-group">
+                <label>Docker Compose (YAML) *</label>
+                <textarea id="stack-compose" placeholder="version: '3'
+services:
+  web:
+    image: nginx:latest
+    ports:
+      - '8080:80'"></textarea>
+            </div>
+            <div class="modal-buttons">
+                <button class="btn btn-secondary" onclick="closeModal('stack-modal')">Anuluj</button>
+                <button class="btn" onclick="createStack()">Uruchom Stack</button>
+            </div>
+        </div>
+    </div>
 
+    <div class="modal" id="logs-modal">
+        <div class="modal-content wide">
+            <div class="modal-title" id="logs-title">📋 Logi kontenera</div>
+            <div class="logs-container" id="logs-content">Ładowanie...</div>
+            <div class="modal-buttons">
+                <button class="btn btn-secondary" onclick="closeModal('logs-modal')">Zamknij</button>
+                <button class="btn" onclick="refreshLogs()">🔄 Odśwież</button>
+            </div>
+        </div>
+    </div>
+
+    <div class="toast" id="toast"></div>
     <script src="{{ url_for('static', filename='js/dashboard.js') }}"></script>
 </body>
-</html>
\ No newline at end of file
+</html>

From ce76d562db9f390438714cfc37b350fb6ee58981 Mon Sep 17 00:00:00 2001
From: Tobiasz <tobiaszzkajzer@gmail.com>
Date: Mon, 2 Feb 2026 17:14:14 +0100
Subject: [PATCH 13/13] Update .gitignore to include additional patterns

---
 .gitignore | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.gitignore b/.gitignore
index 182ec0f..7dab018 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,9 @@
 secrets.txt
 config.local
 orbit.db
+# DB/artefakty runtime
+orbit.db
 *.db
+*.sqlite
+__pycache__/
+*.pyc