From 68907faee9522ec46cc8f61788051eed599f631f Mon Sep 17 00:00:00 2001
From: Simon Strandgaard <neoneye@gmail.com>
Date: Fri, 10 Apr 2026 17:32:12 +0200
Subject: [PATCH] feat: add Import Plan button and upload page

Adds "Import Plan" button to /plan list page (top-right corner).
Links to /plan/import with a zip file upload form. The uploaded
file is accepted but not yet processed (placeholder for next step).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend_multi_user/src/plan_routes.py        | 21 +++++
 .../templates/plan_import.html                | 92 +++++++++++++++++++
 frontend_multi_user/templates/plan_list.html  |  5 +-
 3 files changed, 117 insertions(+), 1 deletion(-)
 create mode 100644 frontend_multi_user/templates/plan_import.html

diff --git a/frontend_multi_user/src/plan_routes.py b/frontend_multi_user/src/plan_routes.py
index 6744bb95..1514e8c4 100644
--- a/frontend_multi_user/src/plan_routes.py
+++ b/frontend_multi_user/src/plan_routes.py
@@ -949,6 +949,27 @@ def plan():
     )
 
 
+@plan_routes_bp.route("/plan/import", methods=["GET", "POST"])
+@login_required
+def plan_import():
+    message = None
+    message_type = None
+    if request.method == "POST":
+        zip_file = request.files.get("zip_file")
+        if zip_file is None or zip_file.filename == "":
+            message = "No file selected."
+            message_type = "error"
+        elif not zip_file.filename.endswith(".zip"):
+            message = "Please upload a .zip file."
+            message_type = "error"
+        else:
+            # TODO: process the zip file
+            logger.info("Plan import: received zip file %r (%s bytes)", zip_file.filename, zip_file.content_length)
+            message = f"Uploaded {zip_file.filename} (not yet processed)."
+            message_type = "success"
+    return render_template("plan_import.html", message=message, message_type=message_type)
+
+
 @plan_routes_bp.route("/plan/stop", methods=["POST"])
 @login_required
 def plan_stop():
diff --git a/frontend_multi_user/templates/plan_import.html b/frontend_multi_user/templates/plan_import.html
new file mode 100644
index 00000000..3c921440
--- /dev/null
+++ b/frontend_multi_user/templates/plan_import.html
@@ -0,0 +1,92 @@
+{% extends "base.html" %}
+{% block title %}Import Plan - PlanExe{% endblock %}
+{% block head %}
+<style>
+    .import-title {
+        margin: 0 0 8px;
+        font-size: 1.2rem;
+        font-weight: 700;
+    }
+    .import-subtitle {
+        margin: 0 0 20px;
+        font-size: 0.82rem;
+        color: var(--color-text-secondary);
+    }
+    .import-wrap {
+        border: 1px solid var(--color-border);
+        border-radius: var(--radius-lg);
+        background: var(--color-card-bg);
+        padding: 24px;
+        max-width: 500px;
+    }
+    .import-label {
+        display: block;
+        font-size: 0.82rem;
+        font-weight: 600;
+        margin-bottom: 8px;
+        color: var(--color-text);
+    }
+    .import-file-input {
+        display: block;
+        margin-bottom: 16px;
+        font-size: 0.82rem;
+    }
+    .import-submit {
+        padding: 8px 20px;
+        font-size: 0.82rem;
+        font-weight: 600;
+        color: #fff;
+        background: var(--color-primary, #0066cc);
+        border: none;
+        border-radius: var(--radius-lg);
+        cursor: pointer;
+    }
+    .import-submit:hover {
+        opacity: 0.9;
+    }
+    .import-back {
+        display: inline-block;
+        margin-bottom: 16px;
+        font-size: 0.82rem;
+        color: var(--color-primary, #0066cc);
+        text-decoration: none;
+    }
+    .import-message {
+        margin-top: 16px;
+        padding: 10px 14px;
+        border-radius: var(--radius-lg);
+        font-size: 0.82rem;
+    }
+    .import-message-success {
+        background: #e6f4ea;
+        color: #1a7f37;
+        border: 1px solid #a3d9a5;
+    }
+    .import-message-error {
+        background: #fdecea;
+        color: #c0392b;
+        border: 1px solid #e6b0aa;
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<a href="/plan" class="import-back">&larr; Back to Plans</a>
+<h1 class="import-title">Import Plan</h1>
+<p class="import-subtitle">Upload a plan zip file to import it.</p>
+
+<div class="import-wrap">
+    <form method="POST" enctype="multipart/form-data">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+        <label class="import-label" for="zip-file">Select zip file</label>
+        <input class="import-file-input" type="file" id="zip-file" name="zip_file" accept=".zip" required>
+        <button class="import-submit" type="submit">Upload</button>
+    </form>
+
+    {% if message %}
+    <div class="import-message {% if message_type == 'error' %}import-message-error{% else %}import-message-success{% endif %}">
+        {{ message }}
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/frontend_multi_user/templates/plan_list.html b/frontend_multi_user/templates/plan_list.html
index 43a0f043..949f7d6c 100644
--- a/frontend_multi_user/templates/plan_list.html
+++ b/frontend_multi_user/templates/plan_list.html
@@ -131,7 +131,10 @@
 {% endblock %}
 
 {% block content %}
-<h1 class="plan-list-title">Plans</h1>
+<div style="display:flex; justify-content:space-between; align-items:center;">
+    <h1 class="plan-list-title">Plans</h1>
+    <a href="/plan/import" style="padding:6px 14px; font-size:0.8rem; font-weight:600; color:var(--color-text); background:var(--color-bg-soft); border:1px solid var(--color-border); border-radius:var(--radius-lg); text-decoration:none; white-space:nowrap;">Import Plan</a>
+</div>
 <p class="plan-list-subtitle">Technical queue view · newest first · click row to inspect</p>
 <div class="plan-list-wrap">
     {% if plan_rows %}