admin import panel with upload progress + recent photos; app empty-state links to /admin

1 files changed, 21 insertions, 2 deletions

diff --git a/public/admin.html b/public/admin.html
index c722af6..61fd6e1 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="color-scheme" content="dark">
   <title>pathways · admin</title>
-  <link rel="stylesheet" href="/admin.css?v=2">
+  <link rel="stylesheet" href="/admin.css?v=3">
 </head>
 <body>
   <main id="app">
@@ -35,6 +35,7 @@
         <h1>pathways<span class="dot">.</span> admin</h1>
         <nav>
           <button class="tab active" data-tab="status">status</button>
+          <button class="tab" data-tab="import">import</button>
           <button class="tab" data-tab="graph">walk graph</button>
           <button id="logout">sign out</button>
         </nav>
@@ -57,6 +58,24 @@
         <p class="err" id="dash-err"></p>
       </section>
 
+      <section id="tab-import" hidden>
+        <div class="dropzone" id="dz" tabindex="0">
+          <input type="file" id="im-files" accept="image/jpeg,image/png,image/webp" multiple hidden>
+          <div class="dz-icon">+</div>
+          <p>drop photos here, or click to choose</p>
+          <p class="dz-note">jpg &middot; png &middot; webp &mdash; copied into the library and indexed</p>
+        </div>
+        <div class="progress" id="im-progress" hidden>
+          <div class="bar"><div class="fill" id="im-fill"></div></div>
+          <p class="im-status" id="im-status"></p>
+        </div>
+        <p class="err" id="im-err"></p>
+        <div class="recent" id="im-recent" hidden>
+          <h2>recently added</h2>
+          <div class="results" id="im-new"></div>
+        </div>
+      </section>
+
       <section id="tab-graph" hidden>
         <input type="search" id="gq" placeholder="search photos by title or id…">
         <div class="results" id="g-results" hidden></div>
@@ -65,6 +84,6 @@
     </section>
   </main>
   <div id="toast"></div>
-  <script src="/admin.js?v=2"></script>
+  <script src="/admin.js?v=3"></script>
 </body>
 </html>