@leadertechie/personal-site-kit 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/chunks/{index-Bq8WDk9L.js → index-CnSEOZse.js}

@@ -84,91 +84,69 @@ const aboutmeStyles = css`
   font-family: Arial, sans-serif;
 }
 `;
-class AboutMeRenderer {
-  renderContent(nodes) {
-    return (nodes || []).map((node) => {
-      switch (node.type) {
-        case "heading":
-          const level = node.level || 2;
-          if (level === 1) return html`<h1>${node.content}</h1>`;
-          if (level === 3) return html`<h3>${node.content}</h3>`;
-          return html`<h2>${node.content}</h2>`;
-        case "paragraph":
-          return html`<p>${node.content}</p>`;
-        case "list":
-          const items = node.items || [];
-          return html`<ul>${items.map((item) => html`<li>${item}</li>`)}</ul>`;
-        default:
-          return html`<div>${node.content}</div>`;
-      }
-    });
-  }
-}
 async function fetchAboutMe(url) {
   const res = await fetch(`${url}/api/aboutme`);
   if (!res.ok) throw new Error("Failed to fetch");
   return res.json();
 }
-var __create$5 = Object.create;
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __knownSymbol$5 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
-var __typeError$5 = (msg) => {
+var __create$f = Object.create;
+var __defProp$f = Object.defineProperty;
+var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
+var __knownSymbol$f = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$f = (msg) => {
   throw TypeError(msg);
 };
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name$5 = (target, value) => __defProp$5(target, "name", { value, configurable: true });
-var __decoratorStart$5 = (base) => [, , , __create$5(base?.[__knownSymbol$5("metadata")] ?? null)];
-var __decoratorStrings$5 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn$5 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$5("Function expected") : fn;
-var __decoratorContext$5 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$5[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$5("Already initialized") : fns.push(__expectFn$5(fn || null)) });
-var __decoratorMetadata$5 = (array, target) => __defNormalProp$5(target, __knownSymbol$5("metadata"), array[3]);
-var __runInitializers$5 = (array, flags, self, value) => {
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$e = (target, value) => __defProp$f(target, "name", { value, configurable: true });
+var __decoratorStart$f = (base) => [, , , __create$f(base?.[__knownSymbol$f("metadata")] ?? null)];
+var __decoratorStrings$f = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$f = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$f("Function expected") : fn;
+var __decoratorContext$f = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$f[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$f("Already initialized") : fns.push(__expectFn$f(fn || null)) });
+var __decoratorMetadata$f = (array, target) => __defNormalProp$f(target, __knownSymbol$f("metadata"), array[3]);
+var __runInitializers$f = (array, flags, self, value) => {
   for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
   return value;
 };
-var __decorateElement$5 = (array, flags, name, decorators, target, extra) => {
+var __decorateElement$f = (array, flags, name, decorators, target, extra) => {
   var fn, it, done, ctx, access, k2 = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
-  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$5[k2 + 5];
+  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$f[k2 + 5];
   var initializers = k2 > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$5(k2 < 4 ? target : { get [name]() {
-    return __privateGet$4(this, extra);
+  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$f(k2 < 4 ? target : { get [name]() {
+    return __privateGet$7(this, extra);
   }, set [name](x) {
-    return __privateSet$4(this, extra, x);
+    return __privateSet$7(this, extra, x);
   } }, name));
-  k2 ? p2 && k2 < 4 && __name$5(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$5(target, name);
+  k2 ? p2 && k2 < 4 && __name$e(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$e(target, name);
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext$5(k2, name, done = {}, array[3], extraInitializers);
+    ctx = __decoratorContext$f(k2, name, done = {}, array[3], extraInitializers);
     if (k2) {
-      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$4(target, x) : (x) => name in x };
-      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$4 : __privateMethod$4)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$4(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$6(target, x) : (x) => name in x };
+      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$7 : __privateMethod$6)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$7(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
     }
     it = (0, decorators[i2])(k2 ? k2 < 4 ? p2 ? extra : desc[key] : k2 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k2 ^ 4 || it === void 0) __expectFn$5(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError$5("Object expected");
-    else __expectFn$5(fn = it.get) && (desc.get = fn), __expectFn$5(fn = it.set) && (desc.set = fn), __expectFn$5(fn = it.init) && initializers.unshift(fn);
+    if (k2 ^ 4 || it === void 0) __expectFn$f(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$f("Object expected");
+    else __expectFn$f(fn = it.get) && (desc.get = fn), __expectFn$f(fn = it.set) && (desc.set = fn), __expectFn$f(fn = it.init) && initializers.unshift(fn);
   }
-  return k2 || __decoratorMetadata$5(array, target), desc && __defProp$5(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+  return k2 || __decoratorMetadata$f(array, target), desc && __defProp$f(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
 };
-var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
-var __privateIn$4 = (member, obj) => Object(obj) !== obj ? __typeError$5('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod$4 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
-var _loading_dec$2, _contentNodes_dec, _profile_dec, _baseUrl_dec, _a$5, _MyAboutme_decorators, _init$5, _baseUrl, _profile, _contentNodes, _loading$2;
+var __accessCheck$7 = (obj, member, msg) => member.has(obj) || __typeError$f("Cannot " + msg);
+var __privateIn$6 = (member, obj) => Object(obj) !== obj ? __typeError$f('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$7 = (obj, member, getter) => (__accessCheck$7(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$7 = (obj, member, value) => member.has(obj) ? __typeError$f("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$7 = (obj, member, value, setter) => (__accessCheck$7(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$6 = (obj, member, method) => (__accessCheck$7(obj, member, "access private method"), method);
+var _loading_dec$2, _htmlContent_dec, _profile_dec, _baseUrl_dec, _a$f, _MyAboutme_decorators, _init$f, _baseUrl, _profile, _htmlContent, _loading$2;
 _MyAboutme_decorators = [customElement("my-aboutme")];
-class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: String })], _profile_dec = [state()], _contentNodes_dec = [state()], _loading_dec$2 = [state()], _a$5) {
-  constructor(renderer) {
+class MyAboutme extends (_a$f = LitElement, _baseUrl_dec = [property({ type: String })], _profile_dec = [state()], _htmlContent_dec = [state()], _loading_dec$2 = [state()], _a$f) {
+  constructor() {
     super();
-    __privateAdd$4(this, _baseUrl, __runInitializers$5(_init$5, 8, this, "")), __runInitializers$5(_init$5, 11, this);
-    __privateAdd$4(this, _profile, __runInitializers$5(_init$5, 12, this, null)), __runInitializers$5(_init$5, 15, this);
-    __privateAdd$4(this, _contentNodes, __runInitializers$5(_init$5, 16, this, [])), __runInitializers$5(_init$5, 19, this);
-    __privateAdd$4(this, _loading$2, __runInitializers$5(_init$5, 20, this, true)), __runInitializers$5(_init$5, 23, this);
-    this.renderer = void 0;
+    __privateAdd$7(this, _baseUrl, __runInitializers$f(_init$f, 8, this, "")), __runInitializers$f(_init$f, 11, this);
+    __privateAdd$7(this, _profile, __runInitializers$f(_init$f, 12, this, null)), __runInitializers$f(_init$f, 15, this);
+    __privateAdd$7(this, _htmlContent, __runInitializers$f(_init$f, 16, this, "")), __runInitializers$f(_init$f, 19, this);
+    __privateAdd$7(this, _loading$2, __runInitializers$f(_init$f, 20, this, true)), __runInitializers$f(_init$f, 23, this);
     this.fetcher = fetchAboutMe;
-    this.renderer = renderer || new AboutMeRenderer();
   }
   get apiBaseUrl() {
     return this.baseUrl || this.getAttribute("base-url") || "";
@@ -178,7 +156,7 @@ class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: Str
     if (typeof window !== "undefined" && window.__HYDRATION_DATA__) {
       const hydrationData = window.__HYDRATION_DATA__;
       this.profile = hydrationData.profile;
-      this.contentNodes = hydrationData.contentNodes;
+      this.htmlContent = hydrationData.processedMarkdown;
       this.loading = false;
       return;
     }
@@ -186,7 +164,7 @@ class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: Str
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if (this.loading === false && this.profile && this.contentNodes.length > 0) {
+    if (this.loading === false && this.profile && this.htmlContent) {
       return;
     }
     if (changedProperties.has("baseUrl") || changedProperties.has("base-url")) {
@@ -202,10 +180,9 @@ class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: Str
     }
     try {
       this.loading = true;
-      const url2 = this.apiBaseUrl;
-      const data = await this.fetcher(url2);
+      const data = await this.fetcher(url);
       this.profile = data.profile;
-      this.contentNodes = data.contentNodes;
+      this.htmlContent = data.processedMarkdown;
       this.loading = false;
       await this.updateComplete;
     } catch (error) {
@@ -216,30 +193,18 @@ class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: Str
   }
   setFallbackContent() {
     this.profile = null;
-    this.contentNodes = [
-      {
-        type: "heading",
-        content: "Profile Not Found"
-      },
-      {
-        type: "paragraph",
-        content: "Your about-me profile has not been initialized yet. Please run the seed command to get started:"
-      },
-      {
-        type: "paragraph",
-        content: "npm run seed -- <username> <password>"
-      }
-    ];
+    this.htmlContent = `
+      <h2>Profile Not Found</h2>
+      <p>Your about-me profile has not been initialized yet. Please run the seed command to get started:</p>
+      <pre>npm run seed -- &lt;username&gt; '&lt;password&gt;'</pre>
+    `;
   }
   render() {
     if (this.loading) {
       return html`<div class="aboutme"><div class="loading">Loading...</div></div>`;
     }
     if (!this.profile) {
-      if (this.contentNodes && this.contentNodes.length > 0) {
-        return html`<div class="aboutme">${this.renderer.renderContent(this.contentNodes)}</div>`;
-      }
-      return html`<div class="aboutme"><div class="loading">Failed to load content</div></div>`;
+      return html`<div class="aboutme"><div class="content-section" .innerHTML="${this.htmlContent}"></div></div>`;
     }
     const profileImageUrl = this.profile.profileImageUrl ? this.profile.profileImageUrl.startsWith("http") || this.profile.profileImageUrl.startsWith("/") ? this.profile.profileImageUrl : `images/${this.profile.profileImageUrl}` : "";
     return html`
@@ -252,25 +217,23 @@ class MyAboutme extends (_a$5 = LitElement, _baseUrl_dec = [property({ type: Str
           <h1>${this.profile.name}</h1>
           <p class="profile-title">${this.profile.title} • ${this.profile.experience}</p>
         </div>
-        <div class="content-section">
-          ${this.renderer.renderContent(this.contentNodes)}
-        </div>
+        <div class="content-section" .innerHTML="${this.htmlContent}"></div>
       </div>
     `;
   }
 }
-_init$5 = __decoratorStart$5(_a$5);
+_init$f = __decoratorStart$f(_a$f);
 _baseUrl = /* @__PURE__ */ new WeakMap();
 _profile = /* @__PURE__ */ new WeakMap();
-_contentNodes = /* @__PURE__ */ new WeakMap();
+_htmlContent = /* @__PURE__ */ new WeakMap();
 _loading$2 = /* @__PURE__ */ new WeakMap();
-__decorateElement$5(_init$5, 4, "baseUrl", _baseUrl_dec, MyAboutme, _baseUrl);
-__decorateElement$5(_init$5, 4, "profile", _profile_dec, MyAboutme, _profile);
-__decorateElement$5(_init$5, 4, "contentNodes", _contentNodes_dec, MyAboutme, _contentNodes);
-__decorateElement$5(_init$5, 4, "loading", _loading_dec$2, MyAboutme, _loading$2);
-MyAboutme = __decorateElement$5(_init$5, 0, "MyAboutme", _MyAboutme_decorators, MyAboutme);
+__decorateElement$f(_init$f, 4, "baseUrl", _baseUrl_dec, MyAboutme, _baseUrl);
+__decorateElement$f(_init$f, 4, "profile", _profile_dec, MyAboutme, _profile);
+__decorateElement$f(_init$f, 4, "htmlContent", _htmlContent_dec, MyAboutme, _htmlContent);
+__decorateElement$f(_init$f, 4, "loading", _loading_dec$2, MyAboutme, _loading$2);
+MyAboutme = __decorateElement$f(_init$f, 0, "MyAboutme", _MyAboutme_decorators, MyAboutme);
 MyAboutme.styles = aboutmeStyles;
-__runInitializers$5(_init$5, 1, MyAboutme);
+__runInitializers$f(_init$f, 1, MyAboutme);
 const adminStyles = css`
 :host {
   display: block;
@@ -539,467 +502,905 @@ input[type="file"]:hover {
   }
 }
 `;
-var __create$4 = Object.create;
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __knownSymbol$4 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
-var __typeError$4 = (msg) => {
+class AdminApiService {
+  constructor(apiUrl) {
+    this.apiUrl = apiUrl;
+  }
+  async checkAuthStatus() {
+    const res = await fetch(`${this.apiUrl}/api/auth/status`);
+    if (!res.ok) throw new Error("Auth status check failed");
+    return res.json();
+  }
+  async tryAutoLogin() {
+    const res = await fetch(`${this.apiUrl}/api/content`, {
+      credentials: "include"
+    });
+    if (!res.ok) throw new Error("Auto login failed");
+    return res.json();
+  }
+  async login(username, password) {
+    const res = await fetch(`${this.apiUrl}/api/auth/login`, {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ username, password })
+    });
+    if (!res.ok) {
+      const data = await res.json();
+      throw new Error(data.error || "Login failed");
+    }
+  }
+  async setup(username, password) {
+    const res = await fetch(`${this.apiUrl}/api/auth/setup`, {
+      method: "POST",
+      credentials: "include",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ username, password })
+    });
+    if (!res.ok) {
+      const data = await res.json();
+      throw new Error(data.error || "Setup failed");
+    }
+  }
+  async logout() {
+    await fetch(`${this.apiUrl}/api/auth/logout`, {
+      method: "POST",
+      credentials: "include"
+    });
+  }
+  async fetchContent() {
+    const res = await fetch(`${this.apiUrl}/api/content`, {
+      credentials: "include"
+    });
+    if (!res.ok) throw new Error("Failed to fetch content");
+    return res.json();
+  }
+  async fetchStaticDetails() {
+    const res = await fetch(`${this.apiUrl}/api/static`, {
+      credentials: "include"
+    });
+    if (!res.ok) throw new Error("Failed to fetch static details");
+    return res.json();
+  }
+  async uploadContent(key, file) {
+    const res = await fetch(`${this.apiUrl}/api/content/${key}`, {
+      method: "PUT",
+      credentials: "include",
+      body: file
+    });
+    if (!res.ok) throw new Error("Upload failed");
+  }
+  async deleteContent(key) {
+    const res = await fetch(`${this.apiUrl}/api/content/${key}`, {
+      method: "DELETE",
+      credentials: "include"
+    });
+    if (!res.ok) throw new Error("Delete failed");
+  }
+  async clearCache() {
+    const res = await fetch(`${this.apiUrl}/api/cache-clear`, {
+      method: "POST",
+      credentials: "include"
+    });
+    if (!res.ok) throw new Error("Failed to clear cache");
+  }
+}
+var __create$e = Object.create;
+var __defProp$e = Object.defineProperty;
+var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
+var __knownSymbol$e = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$e = (msg) => {
   throw TypeError(msg);
 };
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name$4 = (target, value) => __defProp$4(target, "name", { value, configurable: true });
-var __decoratorStart$4 = (base) => [, , , __create$4(base?.[__knownSymbol$4("metadata")] ?? null)];
-var __decoratorStrings$4 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn$4 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$4("Function expected") : fn;
-var __decoratorContext$4 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$4[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$4(fn || null)) });
-var __decoratorMetadata$4 = (array, target) => __defNormalProp$4(target, __knownSymbol$4("metadata"), array[3]);
-var __runInitializers$4 = (array, flags, self, value) => {
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decoratorStart$e = (base) => [, , , __create$e(base?.[__knownSymbol$e("metadata")] ?? null)];
+var __decoratorStrings$e = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$e = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$e("Function expected") : fn;
+var __decoratorContext$e = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$e[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$e("Already initialized") : fns.push(__expectFn$e(fn || null)) });
+var __decoratorMetadata$e = (array, target) => __defNormalProp$e(target, __knownSymbol$e("metadata"), array[3]);
+var __runInitializers$e = (array, flags, self, value) => {
   for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
   return value;
 };
-var __decorateElement$4 = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k2 = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
-  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$4[k2 + 5];
-  var initializers = k2 > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$4(k2 < 4 ? target : { get [name]() {
-    return __privateGet$3(this, extra);
+var __decorateElement$e = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k2 = flags & 7, s2 = false, p2 = false;
+  var j = array.length + 1, key = __decoratorStrings$e[k2 + 5];
+  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc$e({ get [name]() {
+    return __privateGet$6(this, extra);
   }, set [name](x) {
-    return __privateSet$3(this, extra, x);
+    return __privateSet$6(this, extra, x);
   } }, name));
-  k2 ? p2 && k2 < 4 && __name$4(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$4(target, name);
   for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
-    ctx = __decoratorContext$4(k2, name, done = {}, array[3], extraInitializers);
-    if (k2) {
-      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$3(target, x) : (x) => name in x };
-      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$3 : __privateMethod$3)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$3(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+    ctx = __decoratorContext$e(k2, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+      access.set = (x, y2) => x[name] = y2;
     }
-    it = (0, decorators[i2])(k2 ? k2 < 4 ? p2 ? extra : desc[key] : k2 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k2 ^ 4 || it === void 0) __expectFn$4(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
-    else __expectFn$4(fn = it.get) && (desc.get = fn), __expectFn$4(fn = it.set) && (desc.set = fn), __expectFn$4(fn = it.init) && initializers.unshift(fn);
+    it = (0, decorators[i2])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
+    if (it === void 0) __expectFn$e(it) && (desc[key] = it);
+    else if (typeof it !== "object" || it === null) __typeError$e("Object expected");
+    else __expectFn$e(fn = it.get) && (desc.get = fn), __expectFn$e(fn = it.set) && (desc.set = fn), __expectFn$e(fn = it.init) && initializers.unshift(fn);
   }
-  return k2 || __decoratorMetadata$4(array, target), desc && __defProp$4(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+  return desc && __defProp$e(target, name, desc), target;
 };
-var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
-var __privateIn$3 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod$3 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
-var _loginError_dec, _staticDetails_dec, _activeSection_dec, _statusMessage_dec, _contentList_dec, _isLoading_dec, _isSetup_dec, _isAuthenticated_dec, _a$4, _AdminPortal_decorators, _init$4, _isAuthenticated, _isSetup, _isLoading, _contentList, _statusMessage, _activeSection, _staticDetails, _loginError;
-_AdminPortal_decorators = [customElement("admin-portal")];
-class AdminPortal extends (_a$4 = LitElement, _isAuthenticated_dec = [state()], _isSetup_dec = [state()], _isLoading_dec = [state()], _contentList_dec = [state()], _statusMessage_dec = [state()], _activeSection_dec = [state()], _staticDetails_dec = [state()], _loginError_dec = [state()], _a$4) {
+var __accessCheck$6 = (obj, member, msg) => member.has(obj) || __typeError$e("Cannot " + msg);
+var __privateGet$6 = (obj, member, getter) => (__accessCheck$6(obj, member, "read from private field"), member.get(obj));
+var __privateAdd$6 = (obj, member, value) => member.has(obj) ? __typeError$e("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$6 = (obj, member, value, setter) => (__accessCheck$6(obj, member, "write to private field"), member.set(obj, value), value);
+var _onStatusMessage_dec, _onDelete_dec, _onUpload_dec, _staticDetails_dec$1, _contentList_dec$1, _a$e, _init$e, _contentList$1, _staticDetails$1, _onUpload, _onDelete, _onStatusMessage;
+class AdminSection extends (_a$e = LitElement, _contentList_dec$1 = [property({ type: Array })], _staticDetails_dec$1 = [property({ type: Object })], _onUpload_dec = [property({ type: Function })], _onDelete_dec = [property({ type: Function })], _onStatusMessage_dec = [property({ type: Function })], _a$e) {
   constructor() {
     super(...arguments);
-    __privateAdd$3(this, _isAuthenticated, __runInitializers$4(_init$4, 8, this, false)), __runInitializers$4(_init$4, 11, this);
-    __privateAdd$3(this, _isSetup, __runInitializers$4(_init$4, 12, this, false)), __runInitializers$4(_init$4, 15, this);
-    __privateAdd$3(this, _isLoading, __runInitializers$4(_init$4, 16, this, true)), __runInitializers$4(_init$4, 19, this);
-    __privateAdd$3(this, _contentList, __runInitializers$4(_init$4, 20, this, [])), __runInitializers$4(_init$4, 23, this);
-    __privateAdd$3(this, _statusMessage, __runInitializers$4(_init$4, 24, this, "")), __runInitializers$4(_init$4, 27, this);
-    __privateAdd$3(this, _activeSection, __runInitializers$4(_init$4, 28, this, "profile")), __runInitializers$4(_init$4, 31, this);
-    __privateAdd$3(this, _staticDetails, __runInitializers$4(_init$4, 32, this, {})), __runInitializers$4(_init$4, 35, this);
-    __privateAdd$3(this, _loginError, __runInitializers$4(_init$4, 36, this, "")), __runInitializers$4(_init$4, 39, this);
+    __privateAdd$6(this, _contentList$1, __runInitializers$e(_init$e, 8, this, [])), __runInitializers$e(_init$e, 11, this);
+    __privateAdd$6(this, _staticDetails$1, __runInitializers$e(_init$e, 12, this, {})), __runInitializers$e(_init$e, 15, this);
+    __privateAdd$6(this, _onUpload, __runInitializers$e(_init$e, 16, this, async () => {
+    })), __runInitializers$e(_init$e, 19, this);
+    __privateAdd$6(this, _onDelete, __runInitializers$e(_init$e, 20, this, async () => {
+    })), __runInitializers$e(_init$e, 23, this);
+    __privateAdd$6(this, _onStatusMessage, __runInitializers$e(_init$e, 24, this, () => {
+    })), __runInitializers$e(_init$e, 27, this);
   }
-  get apiUrl() {
-    return window.__VITE_API_URL__ || void 0 || "http://localhost:8787";
+  getContent(key) {
+    return this.contentList.find((c2) => c2.key === key);
   }
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.checkAuthStatus();
+  getSectionFiles(prefix) {
+    return this.contentList.filter((c2) => c2.key.startsWith(prefix));
   }
-  async checkAuthStatus() {
-    try {
-      const res = await fetch(`${this.apiUrl}/auth/status`, {
-        credentials: "include"
-      });
-      if (res.ok) {
-        const status = await res.json();
-        this.isSetup = status.configured;
-        if (status.configured) {
-          await this.tryAutoLogin();
-        } else {
-          this.isLoading = false;
-        }
-      } else {
-        this.isSetup = false;
-        this.isLoading = false;
-      }
-    } catch (e2) {
-      this.isSetup = false;
-      this.isLoading = false;
+}
+_init$e = __decoratorStart$e(_a$e);
+_contentList$1 = /* @__PURE__ */ new WeakMap();
+_staticDetails$1 = /* @__PURE__ */ new WeakMap();
+_onUpload = /* @__PURE__ */ new WeakMap();
+_onDelete = /* @__PURE__ */ new WeakMap();
+_onStatusMessage = /* @__PURE__ */ new WeakMap();
+__decorateElement$e(_init$e, 4, "contentList", _contentList_dec$1, AdminSection, _contentList$1);
+__decorateElement$e(_init$e, 4, "staticDetails", _staticDetails_dec$1, AdminSection, _staticDetails$1);
+__decorateElement$e(_init$e, 4, "onUpload", _onUpload_dec, AdminSection, _onUpload);
+__decorateElement$e(_init$e, 4, "onDelete", _onDelete_dec, AdminSection, _onDelete);
+__decorateElement$e(_init$e, 4, "onStatusMessage", _onStatusMessage_dec, AdminSection, _onStatusMessage);
+__decoratorMetadata$e(_init$e, AdminSection);
+AdminSection.styles = css`
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-  async tryAutoLogin() {
-    try {
-      const res = await fetch(`${this.apiUrl}/content`, {
-        credentials: "include"
-      });
-      if (res.ok) {
-        this.contentList = await res.json();
-        this.isAuthenticated = true;
-      }
-    } catch (e2) {
+
+    .section {
+      width: 100%;
+      border: none;
+      padding: 24px;
+      border-radius: 16px;
+      background: var(--card-bg, #fff);
+      box-shadow: 0 4px 6px rgba(0,0,0,0.07), 0 10px 20px rgba(0,0,0,0.05);
+      margin-bottom: 20px;
+      min-height: 450px;
+      box-sizing: border-box;
     }
-    this.isLoading = false;
-  }
-  async handleLogin(e2) {
-    e2.preventDefault();
-    this.loginError = "";
-    const usernameInput = this.shadowRoot?.querySelector("#username");
-    const passwordInput = this.shadowRoot?.querySelector("#password");
-    if (!usernameInput?.value || !passwordInput?.value) {
-      this.loginError = "Username and password required";
-      return;
+
+    .section h3 {
+      margin: 0 0 0.5rem 0;
+      font-size: 1.25rem;
     }
-    try {
-      const res = await fetch(`${this.apiUrl}/auth/login`, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          username: usernameInput.value,
-          password: passwordInput.value
-        })
-      });
-      if (res.ok) {
-        this.isAuthenticated = true;
-        await this.fetchContent();
-      } else {
-        const data = await res.json();
-        this.loginError = data.error || "Login failed";
-      }
-    } catch (e22) {
-      this.loginError = "Connection error";
+
+    .help-text {
+      color: var(--secondary-text, #666);
+      margin-bottom: 1rem;
     }
-  }
-  async handleSetup(e2) {
-    e2.preventDefault();
-    this.loginError = "";
-    const usernameInput = this.shadowRoot?.querySelector("#username");
-    const passwordInput = this.shadowRoot?.querySelector("#password");
-    const confirmInput = this.shadowRoot?.querySelector("#confirmPassword");
-    if (!usernameInput?.value || !passwordInput?.value) {
-      this.loginError = "Username and password required";
-      return;
+
+    .current-file {
+      margin-bottom: 1rem;
+      padding: 1rem;
+      background: var(--nav-link-hover-bg, #f5f5f5);
+      border-radius: 8px;
     }
-    if (usernameInput.value.length < 3) {
-      this.loginError = "Username must be at least 3 characters";
-      return;
+
+    input[type="text"],
+    input[type="file"] {
+      width: 100%;
+      padding: 10px;
+      margin-bottom: 1rem;
+      border: 1px solid var(--border-color);
+      border-radius: 4px;
+      background: var(--background-color);
+      color: var(--text-color);
+      box-sizing: border-box;
     }
-    if (passwordInput.value.length < 8) {
-      this.loginError = "Password must be at least 8 characters";
-      return;
+
+    input[type="file"] {
+      margin-bottom: 1rem;
     }
-    if (passwordInput.value !== confirmInput?.value) {
-      this.loginError = "Passwords do not match";
-      return;
+
+    button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 1rem;
+      transition: background-color 0.3s ease;
+      margin-right: 10px;
     }
-    try {
-      const res = await fetch(`${this.apiUrl}/auth/setup`, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          username: usernameInput.value,
-          password: passwordInput.value
-        })
-      });
-      if (res.ok) {
-        this.isAuthenticated = true;
-        this.isSetup = true;
-        await this.fetchContent();
-      } else {
-        const data = await res.json();
-        this.loginError = data.error || "Setup failed";
-      }
-    } catch (e22) {
-      this.loginError = "Connection error";
+
+    .btn-primary {
+      background: var(--link-color, #646cff);
+      color: white;
     }
-  }
-  async handleLogout() {
-    try {
-      await fetch(`${this.apiUrl}/auth/logout`, {
-        method: "POST",
-        credentials: "include"
-      });
-    } catch (e2) {
+
+    .btn-primary:hover {
+      background: var(--link-hover-color, #535bf2);
     }
-    this.isAuthenticated = false;
-    this.contentList = [];
-  }
-  async fetchContent() {
-    try {
-      const res = await fetch(`${this.apiUrl}/content`, {
-        credentials: "include"
-      });
-      if (res.ok) {
-        this.contentList = await res.json();
-      } else {
-        this.statusMessage = "Failed to fetch content.";
-      }
-    } catch (e2) {
-      this.statusMessage = "Error fetching content.";
+
+    .btn-secondary {
+      background: var(--nav-link-hover-bg, #f0f0f0);
+      color: var(--text-color, #213547);
     }
-  }
-  async fetchStaticDetails() {
-    try {
-      const res = await fetch(`${this.apiUrl}/static`, {
-        credentials: "include"
-      });
-      if (res.ok) {
-        this.staticDetails = await res.json();
-      }
-    } catch (e2) {
+
+    .btn-secondary:hover {
+      background: var(--border-color, #e0e0e0);
     }
-  }
-  async handleUpload(key, file) {
-    try {
-      this.statusMessage = "Uploading...";
-      const res = await fetch(`${this.apiUrl}/content/${key}`, {
-        method: "PUT",
-        credentials: "include",
-        body: file
-      });
-      if (res.ok) {
-        this.statusMessage = "Upload successful!";
-        this.fetchContent();
-      } else {
-        this.statusMessage = "Upload failed.";
-      }
-    } catch (e2) {
-      this.statusMessage = "Error uploading.";
+
+    .btn-danger {
+      background: #dc3545;
+      color: white;
     }
-  }
-  async handleClearCache() {
-    try {
-      this.statusMessage = "Clearing cache...";
-      const res = await fetch(`${this.apiUrl}/cache-clear`, {
-        method: "POST",
-        credentials: "include"
-      });
-      if (res.ok) {
-        this.statusMessage = "Cache cleared!";
-      } else {
-        this.statusMessage = "Failed to clear cache.";
-      }
-    } catch (e2) {
-      this.statusMessage = "Error clearing cache.";
+
+    .btn-danger:hover {
+      background: #c82333;
     }
-  }
-  async handleDelete(key) {
-    if (!confirm(`Delete ${key}?`)) return;
-    try {
-      const res = await fetch(`${this.apiUrl}/content/${key}`, {
-        method: "DELETE",
-        credentials: "include"
-      });
-      if (res.ok) {
-        this.fetchContent();
-      } else {
-        this.statusMessage = "Delete failed.";
-      }
-    } catch (e2) {
-      this.statusMessage = "Error deleting.";
+
+    .file-list {
+      margin-top: 1rem;
+    }
+
+    .file-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0.5rem;
+      border-bottom: 1px solid var(--border-color, #eee);
+    }
+
+    .file-item:last-child {
+      border-bottom: none;
+    }
+  `;
+var __create$d = Object.create;
+var __defProp$d = Object.defineProperty;
+var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
+var __knownSymbol$d = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$d = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$d = (target, value) => __defProp$d(target, "name", { value, configurable: true });
+var __decoratorStart$d = (base) => [, , , __create$d(base?.[__knownSymbol$d("metadata")] ?? null)];
+var __decoratorStrings$d = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$d = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$d("Function expected") : fn;
+var __decoratorContext$d = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$d[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$d("Already initialized") : fns.push(__expectFn$d(fn || null)) });
+var __decoratorMetadata$d = (array, target) => __defNormalProp$d(target, __knownSymbol$d("metadata"), array[3]);
+var __runInitializers$d = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
+  return value;
+};
+var __decorateElement$d = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k2 = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
+  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$d[k2 + 5];
+  var initializers = k2 > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$d(k2 < 4 ? target : { get [name]() {
+    return __privateGet$5(this, extra);
+  }, set [name](x) {
+    return __privateSet$5(this, extra, x);
+  } }, name));
+  k2 ? p2 && k2 < 4 && __name$d(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$d(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$d(k2, name, done = {}, array[3], extraInitializers);
+    if (k2) {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$5(target, x) : (x) => name in x };
+      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$5 : __privateMethod$5)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$5(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
     }
+    it = (0, decorators[i2])(k2 ? k2 < 4 ? p2 ? extra : desc[key] : k2 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k2 ^ 4 || it === void 0) __expectFn$d(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$d("Object expected");
+    else __expectFn$d(fn = it.get) && (desc.get = fn), __expectFn$d(fn = it.set) && (desc.set = fn), __expectFn$d(fn = it.init) && initializers.unshift(fn);
   }
-  getContent(key) {
-    return this.contentList.find((c2) => c2.key === key);
+  return k2 || __decoratorMetadata$d(array, target), desc && __defProp$d(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var __accessCheck$5 = (obj, member, msg) => member.has(obj) || __typeError$d("Cannot " + msg);
+var __privateIn$5 = (member, obj) => Object(obj) !== obj ? __typeError$d('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$5 = (obj, member, getter) => (__accessCheck$5(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$5 = (obj, member, value) => member.has(obj) ? __typeError$d("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$5 = (obj, member, value, setter) => (__accessCheck$5(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$5 = (obj, member, method) => (__accessCheck$5(obj, member, "access private method"), method);
+var _isSetup_dec$1, _errorMessage_dec, _a$d, _AdminLoginForm_decorators, _init$d, _errorMessage, _isSetup$1;
+_AdminLoginForm_decorators = [customElement("admin-login-form")];
+class AdminLoginForm extends (_a$d = LitElement, _errorMessage_dec = [property({ type: String })], _isSetup_dec$1 = [property({ type: Boolean })], _a$d) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$5(this, _errorMessage, __runInitializers$d(_init$d, 8, this, "")), __runInitializers$d(_init$d, 11, this);
+    __privateAdd$5(this, _isSetup$1, __runInitializers$d(_init$d, 12, this, false)), __runInitializers$d(_init$d, 15, this);
   }
-  getSectionFiles(prefix) {
-    return this.contentList.filter((c2) => c2.key.startsWith(prefix));
+  handleSubmit(e2) {
+    e2.preventDefault();
+    const formData = new FormData(e2.target);
+    const username = formData.get("username");
+    const password = formData.get("password");
+    const confirmPassword = formData.get("confirmPassword");
+    this.dispatchEvent(new CustomEvent("login-submit", {
+      detail: { username, password, confirmPassword },
+      bubbles: true,
+      composed: true
+    }));
   }
-  renderLoginForm() {
+  render() {
     return html`
       <div class="container">
         <div class="login-box">
-          <h2>Admin Setup</h2>
-          <p>Create your admin credentials</p>
-          <form @submit=${this.handleSetup}>
-            <input type="text" id="username" placeholder="Username (3+ chars)" />
-            <input type="password" id="password" placeholder="Password (8+ chars)" />
-            <input type="password" id="confirmPassword" placeholder="Confirm Password" />
-            ${this.loginError ? html`<div class="error-message">${this.loginError}</div>` : ""}
-            <button type="submit" class="btn-primary">Create Account</button>
+          <h2>${this.isSetup ? "Admin Login" : "Admin Setup"}</h2>
+          <p>${this.isSetup ? "Enter your credentials" : "Create your admin credentials"}</p>
+          <form @submit=${this.handleSubmit}>
+            <input type="text" name="username" placeholder="Username${this.isSetup ? "" : " (3+ chars)"}" autocomplete="username" required />
+            <input type="password" name="password" placeholder="Password${this.isSetup ? "" : " (8+ chars)"}" autocomplete="current-password" required />
+            ${!this.isSetup ? html`<input type="password" name="confirmPassword" placeholder="Confirm Password" required />` : ""}
+            ${this.errorMessage ? html`<div class="error-message">${this.errorMessage}</div>` : ""}
+            <button type="submit" class="btn-primary">${this.isSetup ? "Login" : "Create Account"}</button>
           </form>
         </div>
       </div>
     `;
   }
-  renderLogin() {
-    return html`
-      <div class="container">
-        <div class="login-box">
-          <h2>Admin Login</h2>
-          <p>Enter your credentials</p>
-          <form @submit=${this.handleLogin}>
-            <input type="text" id="username" placeholder="Username" autocomplete="username" />
-            <input type="password" id="password" placeholder="Password" autocomplete="current-password" />
-            ${this.loginError ? html`<div class="error-message">${this.loginError}</div>` : ""}
-            <button type="submit" class="btn-primary">Login</button>
-          </form>
-        </div>
-      </div>
-    `;
+}
+_init$d = __decoratorStart$d(_a$d);
+_errorMessage = /* @__PURE__ */ new WeakMap();
+_isSetup$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$d(_init$d, 4, "errorMessage", _errorMessage_dec, AdminLoginForm, _errorMessage);
+__decorateElement$d(_init$d, 4, "isSetup", _isSetup_dec$1, AdminLoginForm, _isSetup$1);
+AdminLoginForm = __decorateElement$d(_init$d, 0, "AdminLoginForm", _AdminLoginForm_decorators, AdminLoginForm);
+AdminLoginForm.styles = css`
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    .container {
+      width: 100%;
+      max-width: 900px;
+      margin: 0 auto;
+      padding: 1rem;
+    }
+
+    .login-box {
+      border: 1px solid var(--border-color, #e0e0e0);
+      padding: 3rem 2.5rem;
+      border-radius: 16px;
+      width: 100%;
+      max-width: 420px;
+      margin: 80px auto;
+      text-align: center;
+      background: var(--card-bg, #fff);
+      box-shadow: 0 4px 6px rgba(0,0,0,0.07), 0 10px 20px rgba(0,0,0,0.05);
+    }
+
+    .login-box h2 {
+      margin: 0 0 0.5rem 0;
+      font-size: 1.75rem;
+      font-weight: 600;
+      color: var(--text-color, #213547);
+    }
+
+    .login-box p {
+      color: var(--secondary-text, #666);
+      margin-bottom: 1.5rem;
+    }
+
+    input {
+      width: 100%;
+      padding: 10px;
+      margin-bottom: 20px;
+      border: 1px solid var(--border-color);
+      border-radius: 4px;
+      background: var(--background-color);
+      color: var(--text-color);
+      box-sizing: border-box;
+    }
+
+    button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 1rem;
+      transition: background-color 0.3s ease;
+    }
+
+    .btn-primary {
+      background: var(--link-color, #646cff);
+      color: white;
+    }
+
+    .btn-primary:hover {
+      background: var(--link-hover-color, #535bf2);
+    }
+
+    .error-message {
+      color: red;
+      margin-bottom: 10px;
+    }
+  `;
+__runInitializers$d(_init$d, 1, AdminLoginForm);
+var __create$c = Object.create;
+var __defProp$c = Object.defineProperty;
+var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
+var __knownSymbol$c = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$c = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$c = (target, value) => __defProp$c(target, "name", { value, configurable: true });
+var __decoratorStart$c = (base) => [, , , __create$c(base?.[__knownSymbol$c("metadata")] ?? null)];
+var __decoratorStrings$c = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$c = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$c("Function expected") : fn;
+var __decoratorContext$c = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$c[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$c("Already initialized") : fns.push(__expectFn$c(fn || null)) });
+var __decoratorMetadata$c = (array, target) => __defNormalProp$c(target, __knownSymbol$c("metadata"), array[3]);
+var __runInitializers$c = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$c = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$c(target, name));
+  __name$c(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$c(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$c(it) && (target = it);
   }
-  renderHomeSection() {
+  return __decoratorMetadata$c(array, target), desc && __defProp$c(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminHomeSection_decorators, _init$c, _a$c;
+_AdminHomeSection_decorators = [customElement("admin-home-section")];
+class AdminHomeSection extends (_a$c = AdminSection) {
+  async handleUpload() {
+    const input = this.shadowRoot?.querySelector("#homeFile");
+    if (input.files?.[0]) {
+      try {
+        await this.onUpload("home.md", input.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete home.md?")) return;
+    try {
+      await this.onDelete("home.md");
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const home = this.getContent("home.md");
     return html`
       <div class="section">
         <h3>Home Page</h3>
         <p class="help-text">Content for your home page. Upload home.md with your main content.</p>
-        
+
         ${home ? html`
           <div class="current-file">
             <strong>Current:</strong> home.md (${home.size} bytes)
-            <button class="btn-danger" @click=${() => this.handleDelete("home.md")}>Delete</button>
+            <button class="btn-danger" @click=${this.handleDelete}>Delete</button>
           </div>
         ` : ""}
 
         <input type="file" id="homeFile" accept=".md" />
-        <button class="btn-primary" @click=${() => {
-      const input = this.shadowRoot?.querySelector("#homeFile");
-      if (input.files?.[0]) this.handleUpload("home.md", input.files[0]);
-    }}>Upload home.md</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload home.md</button>
       </div>
     `;
   }
-  renderProfileSection() {
+}
+_init$c = __decoratorStart$c(_a$c);
+AdminHomeSection = __decorateElement$c(_init$c, 0, "AdminHomeSection", _AdminHomeSection_decorators, AdminHomeSection);
+__runInitializers$c(_init$c, 1, AdminHomeSection);
+var __create$b = Object.create;
+var __defProp$b = Object.defineProperty;
+var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
+var __knownSymbol$b = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$b = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$b = (target, value) => __defProp$b(target, "name", { value, configurable: true });
+var __decoratorStart$b = (base) => [, , , __create$b(base?.[__knownSymbol$b("metadata")] ?? null)];
+var __decoratorStrings$b = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$b = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$b("Function expected") : fn;
+var __decoratorContext$b = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$b[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$b("Already initialized") : fns.push(__expectFn$b(fn || null)) });
+var __decoratorMetadata$b = (array, target) => __defNormalProp$b(target, __knownSymbol$b("metadata"), array[3]);
+var __runInitializers$b = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$b = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$b(target, name));
+  __name$b(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$b(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$b(it) && (target = it);
+  }
+  return __decoratorMetadata$b(array, target), desc && __defProp$b(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminProfileSection_decorators, _init$b, _a$b;
+_AdminProfileSection_decorators = [customElement("admin-profile-section")];
+class AdminProfileSection extends (_a$b = AdminSection) {
+  async handleUpload() {
+    const input = this.shadowRoot?.querySelector("#profileFile");
+    if (input.files?.[0]) {
+      try {
+        await this.onUpload("profile.json", input.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete profile.json?")) return;
+    try {
+      await this.onDelete("profile.json");
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const profile = this.getContent("profile.json");
     return html`
       <div class="section">
         <h3>Profile <span class="required-badge">Required</span></h3>
         <p class="help-text">This file contains your profile information (name, title, experience).</p>
-        
+
         ${profile ? html`
           <div class="current-file">
             <strong>Current:</strong> profile.json (${profile.size} bytes)
-            <button class="btn-danger" @click=${() => this.handleDelete("profile.json")}>Delete</button>
+            <button class="btn-danger" @click=${this.handleDelete}>Delete</button>
           </div>
         ` : ""}
 
         <input type="file" id="profileFile" accept=".json" />
-        <button class="btn-primary" @click=${() => {
-      const input = this.shadowRoot?.querySelector("#profileFile");
-      if (input.files?.[0]) this.handleUpload("profile.json", input.files[0]);
-    }}>Upload profile.json</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload profile.json</button>
       </div>
     `;
   }
-  renderAboutMeSection() {
+}
+_init$b = __decoratorStart$b(_a$b);
+AdminProfileSection = __decorateElement$b(_init$b, 0, "AdminProfileSection", _AdminProfileSection_decorators, AdminProfileSection);
+__runInitializers$b(_init$b, 1, AdminProfileSection);
+var __create$a = Object.create;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+var __knownSymbol$a = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$a = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
+var __decoratorStart$a = (base) => [, , , __create$a(base?.[__knownSymbol$a("metadata")] ?? null)];
+var __decoratorStrings$a = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$a = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$a("Function expected") : fn;
+var __decoratorContext$a = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$a[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$a("Already initialized") : fns.push(__expectFn$a(fn || null)) });
+var __decoratorMetadata$a = (array, target) => __defNormalProp$a(target, __knownSymbol$a("metadata"), array[3]);
+var __runInitializers$a = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$a = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$a(target, name));
+  __name$a(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$a(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$a(it) && (target = it);
+  }
+  return __decoratorMetadata$a(array, target), desc && __defProp$a(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminAboutMeSection_decorators, _init$a, _a$a;
+_AdminAboutMeSection_decorators = [customElement("admin-about-me-section")];
+class AdminAboutMeSection extends (_a$a = AdminSection) {
+  async handleUpload() {
+    const input = this.shadowRoot?.querySelector("#aboutFile");
+    if (input.files?.[0]) {
+      try {
+        await this.onUpload("about-me.md", input.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete about-me.md?")) return;
+    try {
+      await this.onDelete("about-me.md");
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const aboutMe = this.getContent("about-me.md");
     return html`
       <div class="section">
         <h3>About Me Page <span class="required-badge">Required</span></h3>
         <p class="help-text">Content for your About Me page. Supports Markdown with frontmatter.</p>
-        
+
         ${aboutMe ? html`
           <div class="current-file">
             <strong>Current:</strong> about-me.md (${aboutMe.size} bytes)
-            <button class="btn-danger" @click=${() => this.handleDelete("about-me.md")}>Delete</button>
+            <button class="btn-danger" @click=${this.handleDelete}>Delete</button>
           </div>
         ` : ""}
 
         <input type="file" id="aboutFile" accept=".md" />
-        <button class="btn-primary" @click=${() => {
-      const input = this.shadowRoot?.querySelector("#aboutFile");
-      if (input.files?.[0]) this.handleUpload("about-me.md", input.files[0]);
-    }}>Upload about-me.md</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload about-me.md</button>
       </div>
     `;
   }
-  renderBlogsSection() {
+}
+_init$a = __decoratorStart$a(_a$a);
+AdminAboutMeSection = __decorateElement$a(_init$a, 0, "AdminAboutMeSection", _AdminAboutMeSection_decorators, AdminAboutMeSection);
+__runInitializers$a(_init$a, 1, AdminAboutMeSection);
+var __create$9 = Object.create;
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$9 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$9 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$9 = (target, value) => __defProp$9(target, "name", { value, configurable: true });
+var __decoratorStart$9 = (base) => [, , , __create$9(base?.[__knownSymbol$9("metadata")] ?? null)];
+var __decoratorStrings$9 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$9 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$9("Function expected") : fn;
+var __decoratorContext$9 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$9[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$9("Already initialized") : fns.push(__expectFn$9(fn || null)) });
+var __decoratorMetadata$9 = (array, target) => __defNormalProp$9(target, __knownSymbol$9("metadata"), array[3]);
+var __runInitializers$9 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$9 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$9(target, name));
+  __name$9(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$9(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$9(it) && (target = it);
+  }
+  return __decoratorMetadata$9(array, target), desc && __defProp$9(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminBlogsSection_decorators, _init$9, _a$9;
+_AdminBlogsSection_decorators = [customElement("admin-blogs-section")];
+class AdminBlogsSection extends (_a$9 = AdminSection) {
+  async handleUpload() {
+    const metaInput = this.shadowRoot?.querySelector("#blogMetaFile");
+    const contentInput = this.shadowRoot?.querySelector("#blogContentFile");
+    const slugInput = this.shadowRoot?.querySelector("#blogSlug");
+    if (metaInput.files?.[0] && contentInput.files?.[0] && slugInput.value) {
+      try {
+        await this.onUpload(`blogs/${slugInput.value}.json`, metaInput.files[0]);
+        await this.onUpload(`blogs/${slugInput.value}.md`, contentInput.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete(slug) {
+    if (!confirm(`Delete blog ${slug}?`)) return;
+    try {
+      await this.onDelete(`blogs/${slug}.json`);
+      await this.onDelete(`blogs/${slug}.md`);
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const blogs = this.getSectionFiles("blogs/").filter((b) => b.key.endsWith(".json"));
     return html`
       <div class="section">
         <h3>Blog Posts</h3>
         <p class="help-text">Each blog needs 2 files: a JSON (metadata) and MD (content) file.</p>
-        
+
         <h4>Upload New Blog</h4>
         <input type="file" id="blogMetaFile" accept=".json" />
         <input type="file" id="blogContentFile" accept=".md" />
         <input type="text" id="blogSlug" placeholder="Slug (e.g., my-new-post)" class="mt-1" />
-        <button class="btn-primary" @click=${() => {
-      const metaInput = this.shadowRoot?.querySelector("#blogMetaFile");
-      const contentInput = this.shadowRoot?.querySelector("#blogContentFile");
-      const slugInput = this.shadowRoot?.querySelector("#blogSlug");
-      if (metaInput.files?.[0] && contentInput.files?.[0] && slugInput.value) {
-        this.handleUpload(`blogs/${slugInput.value}.json`, metaInput.files[0]);
-        this.handleUpload(`blogs/${slugInput.value}.md`, contentInput.files[0]);
-      }
-    }}>Upload Blog (JSON + MD)</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload Blog (JSON + MD)</button>
 
         <div class="file-list">
           <h4>Current Blogs (${blogs.length})</h4>
-          ${blogs.map((b) => html`
-            <div class="file-item">
-              <span>${b.key.replace(".json", "")}</span>
-              <button class="btn-danger" @click=${() => {
+          ${blogs.map((b) => {
       const slug = b.key.replace("blogs/", "").replace(".json", "");
-      this.handleDelete(`blogs/${slug}.json`);
-      this.handleDelete(`blogs/${slug}.md`);
-    }}>Delete</button>
-            </div>
-          `)}
+      return html`
+              <div class="file-item">
+                <span>${b.key.replace(".json", "")}</span>
+                <button class="btn-danger" @click=${() => this.handleDelete(slug)}>Delete</button>
+              </div>
+            `;
+    })}
           ${blogs.length === 0 ? html`<p>No blogs yet.</p>` : ""}
         </div>
       </div>
     `;
   }
-  renderStoriesSection() {
+}
+_init$9 = __decoratorStart$9(_a$9);
+AdminBlogsSection = __decorateElement$9(_init$9, 0, "AdminBlogsSection", _AdminBlogsSection_decorators, AdminBlogsSection);
+__runInitializers$9(_init$9, 1, AdminBlogsSection);
+var __create$8 = Object.create;
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$8 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$8 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$8 = (target, value) => __defProp$8(target, "name", { value, configurable: true });
+var __decoratorStart$8 = (base) => [, , , __create$8(base?.[__knownSymbol$8("metadata")] ?? null)];
+var __decoratorStrings$8 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$8 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$8("Function expected") : fn;
+var __decoratorContext$8 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$8[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$8("Already initialized") : fns.push(__expectFn$8(fn || null)) });
+var __decoratorMetadata$8 = (array, target) => __defNormalProp$8(target, __knownSymbol$8("metadata"), array[3]);
+var __runInitializers$8 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$8 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$8(target, name));
+  __name$8(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$8(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$8(it) && (target = it);
+  }
+  return __decoratorMetadata$8(array, target), desc && __defProp$8(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminStoriesSection_decorators, _init$8, _a$8;
+_AdminStoriesSection_decorators = [customElement("admin-stories-section")];
+class AdminStoriesSection extends (_a$8 = AdminSection) {
+  async handleUpload() {
+    const metaInput = this.shadowRoot?.querySelector("#storyMetaFile");
+    const contentInput = this.shadowRoot?.querySelector("#storyContentFile");
+    const slugInput = this.shadowRoot?.querySelector("#storySlug");
+    if (metaInput.files?.[0] && contentInput.files?.[0] && slugInput.value) {
+      try {
+        await this.onUpload(`stories/${slugInput.value}.json`, metaInput.files[0]);
+        await this.onUpload(`stories/${slugInput.value}.md`, contentInput.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete(slug) {
+    if (!confirm(`Delete story ${slug}?`)) return;
+    try {
+      await this.onDelete(`stories/${slug}.json`);
+      await this.onDelete(`stories/${slug}.md`);
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const stories = this.getSectionFiles("stories/").filter((s2) => s2.key.endsWith(".json"));
     return html`
       <div class="section">
         <h3>Stories</h3>
         <p class="help-text">Each story needs 2 files: a JSON (metadata) and MD (content) file.</p>
-        
+
         <h4>Upload New Story</h4>
         <input type="file" id="storyMetaFile" accept=".json" />
         <input type="file" id="storyContentFile" accept=".md" />
         <input type="text" id="storySlug" placeholder="Slug (e.g., my-story)" class="mt-1" />
-        <button class="btn-primary" @click=${() => {
-      const metaInput = this.shadowRoot?.querySelector("#storyMetaFile");
-      const contentInput = this.shadowRoot?.querySelector("#storyContentFile");
-      const slugInput = this.shadowRoot?.querySelector("#storySlug");
-      if (metaInput.files?.[0] && contentInput.files?.[0] && slugInput.value) {
-        this.handleUpload(`stories/${slugInput.value}.json`, metaInput.files[0]);
-        this.handleUpload(`stories/${slugInput.value}.md`, contentInput.files[0]);
-      }
-    }}>Upload Story (JSON + MD)</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload Story (JSON + MD)</button>
 
         <div class="file-list">
           <h4>Current Stories (${stories.length})</h4>
-          ${stories.map((s2) => html`
-            <div class="file-item">
-              <span>${s2.key.replace(".json", "")}</span>
-              <button class="btn-danger" @click=${() => {
+          ${stories.map((s2) => {
       const slug = s2.key.replace("stories/", "").replace(".json", "");
-      this.handleDelete(`stories/${slug}.json`);
-      this.handleDelete(`stories/${slug}.md`);
-    }}>Delete</button>
-            </div>
-          `)}
+      return html`
+              <div class="file-item">
+                <span>${s2.key.replace(".json", "")}</span>
+                <button class="btn-danger" @click=${() => this.handleDelete(slug)}>Delete</button>
+              </div>
+            `;
+    })}
           ${stories.length === 0 ? html`<p>No stories yet.</p>` : ""}
         </div>
       </div>
     `;
   }
-  renderImagesSection() {
+}
+_init$8 = __decoratorStart$8(_a$8);
+AdminStoriesSection = __decorateElement$8(_init$8, 0, "AdminStoriesSection", _AdminStoriesSection_decorators, AdminStoriesSection);
+__runInitializers$8(_init$8, 1, AdminStoriesSection);
+var __create$7 = Object.create;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$7 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$7 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$7 = (target, value) => __defProp$7(target, "name", { value, configurable: true });
+var __decoratorStart$7 = (base) => [, , , __create$7(base?.[__knownSymbol$7("metadata")] ?? null)];
+var __decoratorStrings$7 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$7 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$7("Function expected") : fn;
+var __decoratorContext$7 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$7[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$7("Already initialized") : fns.push(__expectFn$7(fn || null)) });
+var __decoratorMetadata$7 = (array, target) => __defNormalProp$7(target, __knownSymbol$7("metadata"), array[3]);
+var __runInitializers$7 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$7 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$7(target, name));
+  __name$7(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$7(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$7(it) && (target = it);
+  }
+  return __decoratorMetadata$7(array, target), desc && __defProp$7(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminImagesSection_decorators, _init$7, _a$7;
+_AdminImagesSection_decorators = [customElement("admin-images-section")];
+class AdminImagesSection extends (_a$7 = AdminSection) {
+  async handleUpload() {
+    const fileInput = this.shadowRoot?.querySelector("#imageFile");
+    const pathInput = this.shadowRoot?.querySelector("#imagePath");
+    if (fileInput.files?.[0] && pathInput.value) {
+      try {
+        await this.onUpload(`images/${pathInput.value}`, fileInput.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete(key) {
+    if (!confirm(`Delete ${key}?`)) return;
+    try {
+      await this.onDelete(key);
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const images = this.getSectionFiles("images/");
     return html`
       <div class="section">
         <h3>Images</h3>
         <p class="help-text">Upload images for use in your content. In markdown, reference images by filename only (e.g., use <code>my-photo.jpg</code> not <code>/images/my-photo.jpg</code>). The renderer automatically prepends <code>images/</code>.</p>
-        
+
         <input type="file" id="imageFile" accept="image/*" />
         <input type="text" id="imagePath" placeholder="Image name (e.g., profile-photo.jpg)" class="mt-1" />
-        <button class="btn-primary" @click=${() => {
-      const fileInput = this.shadowRoot?.querySelector("#imageFile");
-      const pathInput = this.shadowRoot?.querySelector("#imagePath");
-      if (fileInput.files?.[0] && pathInput.value) {
-        this.handleUpload(`images/${pathInput.value}`, fileInput.files[0]);
-      }
-    }}>Upload to images/</button>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload to images/</button>
 
         <div class="file-list">
           <h4>Current Images (${images.length})</h4>
@@ -1014,25 +1415,79 @@ class AdminPortal extends (_a$4 = LitElement, _isAuthenticated_dec = [state()],
       </div>
     `;
   }
-  renderLogoSection() {
+}
+_init$7 = __decoratorStart$7(_a$7);
+AdminImagesSection = __decorateElement$7(_init$7, 0, "AdminImagesSection", _AdminImagesSection_decorators, AdminImagesSection);
+__runInitializers$7(_init$7, 1, AdminImagesSection);
+var __create$6 = Object.create;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$6 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$6 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$6 = (target, value) => __defProp$6(target, "name", { value, configurable: true });
+var __decoratorStart$6 = (base) => [, , , __create$6(base?.[__knownSymbol$6("metadata")] ?? null)];
+var __decoratorStrings$6 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$6 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$6("Function expected") : fn;
+var __decoratorContext$6 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$6[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$6("Already initialized") : fns.push(__expectFn$6(fn || null)) });
+var __decoratorMetadata$6 = (array, target) => __defNormalProp$6(target, __knownSymbol$6("metadata"), array[3]);
+var __runInitializers$6 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) fns[i2].call(self);
+  return value;
+};
+var __decorateElement$6 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k2 = flags & 7, p2 = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (target = target.prototype, k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$6(target, name));
+  __name$6(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$6(k2, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i2])(target, ctx), done._ = 1;
+    __expectFn$6(it) && (target = it);
+  }
+  return __decoratorMetadata$6(array, target), desc && __defProp$6(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var _AdminLogoSection_decorators, _init$6, _a$6;
+_AdminLogoSection_decorators = [customElement("admin-logo-section")];
+class AdminLogoSection extends (_a$6 = AdminSection) {
+  async handleUpload() {
+    const input = this.shadowRoot?.querySelector("#logoFile");
+    if (input.files?.[0]) {
+      try {
+        await this.onUpload("logo.svg", input.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e2) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete logo.svg?")) return;
+    try {
+      await this.onDelete("logo.svg");
+    } catch (e2) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
     const logo = this.getContent("logo.svg");
     return html`
       <div class="section">
         <h3>Site Logo</h3>
         <p class="help-text">Upload your site logo (SVG format recommended). This appears in the header of your site.</p>
-        
+
         ${logo ? html`
           <div class="current-file">
             <strong>Current:</strong> logo.svg (${logo.size} bytes)
-            <button class="btn-danger" @click=${() => this.handleDelete("logo.svg")}>Delete</button>
+            <button class="btn-danger" @click=${this.handleDelete}>Delete</button>
           </div>
         ` : ""}
 
         <input type="file" id="logoFile" accept=".svg,image/svg+xml" />
-        <button class="btn-primary mt-1 mb-1" @click=${() => {
-      const input = this.shadowRoot?.querySelector("#logoFile");
-      if (input.files?.[0]) this.handleUpload("logo.svg", input.files[0]);
-    }}>Upload logo.svg</button>
+        <button class="btn-primary mt-1 mb-1" @click=${this.handleUpload}>Upload logo.svg</button>
 
         <div class="info-box">
           <strong>Tip:</strong> Use an SVG with transparent background. The logo will automatically adapt to light/dark themes.
@@ -1040,70 +1495,412 @@ class AdminPortal extends (_a$4 = LitElement, _isAuthenticated_dec = [state()],
       </div>
     `;
   }
-  renderStaticSection() {
+}
+_init$6 = __decoratorStart$6(_a$6);
+AdminLogoSection = __decorateElement$6(_init$6, 0, "AdminLogoSection", _AdminLogoSection_decorators, AdminLogoSection);
+__runInitializers$6(_init$6, 1, AdminLogoSection);
+var __create$5 = Object.create;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$5 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$5 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$5 = (target, value) => __defProp$5(target, "name", { value, configurable: true });
+var __decoratorStart$5 = (base) => [, , , __create$5(base?.[__knownSymbol$5("metadata")] ?? null)];
+var __decoratorStrings$5 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$5 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$5("Function expected") : fn;
+var __decoratorContext$5 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$5[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$5("Already initialized") : fns.push(__expectFn$5(fn || null)) });
+var __decoratorMetadata$5 = (array, target) => __defNormalProp$5(target, __knownSymbol$5("metadata"), array[3]);
+var __runInitializers$5 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
+  return value;
+};
+var __decorateElement$5 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k2 = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
+  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$5[k2 + 5];
+  var initializers = k2 > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$5(k2 < 4 ? target : { get [name]() {
+    return __privateGet$4(this, extra);
+  }, set [name](x) {
+    return __privateSet$4(this, extra, x);
+  } }, name));
+  k2 ? p2 && k2 < 4 && __name$5(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$5(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$5(k2, name, done = {}, array[3], extraInitializers);
+    if (k2) {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$4(target, x) : (x) => name in x };
+      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$4 : __privateMethod$4)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$4(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+    }
+    it = (0, decorators[i2])(k2 ? k2 < 4 ? p2 ? extra : desc[key] : k2 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k2 ^ 4 || it === void 0) __expectFn$5(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$5("Object expected");
+    else __expectFn$5(fn = it.get) && (desc.get = fn), __expectFn$5(fn = it.set) && (desc.set = fn), __expectFn$5(fn = it.init) && initializers.unshift(fn);
+  }
+  return k2 || __decoratorMetadata$5(array, target), desc && __defProp$5(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
+var __privateIn$4 = (member, obj) => Object(obj) !== obj ? __typeError$5('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$4 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
+var _localDetails_dec, _a$5, _AdminStaticSection_decorators, _init$5, _localDetails;
+_AdminStaticSection_decorators = [customElement("admin-static-section")];
+class AdminStaticSection extends (_a$5 = AdminSection, _localDetails_dec = [state()], _a$5) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$4(this, _localDetails, __runInitializers$5(_init$5, 8, this, { ...this.staticDetails })), __runInitializers$5(_init$5, 11, this);
+  }
+  async handleSave() {
+    const siteTitle = this.shadowRoot?.querySelector("#siteTitle")?.value;
+    const copyright = this.shadowRoot?.querySelector("#copyright")?.value;
+    const linkedin = this.shadowRoot?.querySelector("#linkedin")?.value;
+    const github = this.shadowRoot?.querySelector("#github")?.value;
+    const email = this.shadowRoot?.querySelector("#email")?.value;
+    const data = {};
+    if (siteTitle) data.siteTitle = siteTitle;
+    if (copyright) data.copyright = copyright;
+    if (linkedin) data.linkedin = linkedin;
+    if (github) data.github = github;
+    if (email) data.email = email;
+    try {
+      await this.onUpload("staticdetails.json", new File([JSON.stringify(data)], "staticdetails.json", { type: "application/json" }));
+      this.onStatusMessage("Settings saved!");
+    } catch (e2) {
+      this.onStatusMessage("Failed to save settings.");
+    }
+  }
+  render() {
     return html`
       <div class="section">
         <h3>Site Settings</h3>
         <p class="help-text">Manage your site's static details like title, footer links, etc.</p>
-        
+
         <div class="mb-1">
           <label style="display:block;margin-bottom:4px;font-weight:500">Site Title</label>
           <input type="text" id="siteTitle" .value=${this.staticDetails?.siteTitle || ""} />
         </div>
-        
+
         <div class="mb-1">
           <label style="display:block;margin-bottom:4px;font-weight:500">Copyright Text</label>
           <input type="text" id="copyright" .value=${this.staticDetails?.copyright || ""} />
         </div>
-        
+
         <div class="mb-1">
           <label style="display:block;margin-bottom:4px;font-weight:500">LinkedIn URL</label>
           <input type="text" id="linkedin" .value=${this.staticDetails?.linkedin || ""} />
         </div>
-        
+
         <div class="mb-1">
           <label style="display:block;margin-bottom:4px;font-weight:500">GitHub URL</label>
           <input type="text" id="github" .value=${this.staticDetails?.github || ""} />
         </div>
-        
+
         <div class="mb-1">
           <label style="display:block;margin-bottom:4px;font-weight:500">Email</label>
           <input type="text" id="email" .value=${this.staticDetails?.email || ""} />
         </div>
-        
-        <button class="btn-primary" @click=${async () => {
-      const siteTitle = this.shadowRoot?.querySelector("#siteTitle")?.value;
-      const copyright = this.shadowRoot?.querySelector("#copyright")?.value;
-      const linkedin = this.shadowRoot?.querySelector("#linkedin")?.value;
-      const github = this.shadowRoot?.querySelector("#github")?.value;
-      const email = this.shadowRoot?.querySelector("#email")?.value;
-      const data = {};
-      if (siteTitle) data.siteTitle = siteTitle;
-      if (copyright) data.copyright = copyright;
-      if (linkedin) data.linkedin = linkedin;
-      if (github) data.github = github;
-      if (email) data.email = email;
-      try {
-        const url = `${this.apiUrl}/content/staticdetails.json`;
-        const res = await fetch(url, {
-          method: "PUT",
-          credentials: "include",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(data)
-        });
-        if (res.ok) {
-          this.statusMessage = "Settings saved!";
-          this.fetchContent();
-        } else {
-          this.statusMessage = "Failed to save settings.";
-        }
-      } catch (e2) {
-        this.statusMessage = "Error saving settings.";
-      }
-    }}>Save Settings</button>
+
+        <button class="btn-primary" @click=${this.handleSave}>Save Settings</button>
       </div>
     `;
   }
+}
+_init$5 = __decoratorStart$5(_a$5);
+_localDetails = /* @__PURE__ */ new WeakMap();
+__decorateElement$5(_init$5, 4, "localDetails", _localDetails_dec, AdminStaticSection, _localDetails);
+AdminStaticSection = __decorateElement$5(_init$5, 0, "AdminStaticSection", _AdminStaticSection_decorators, AdminStaticSection);
+__runInitializers$5(_init$5, 1, AdminStaticSection);
+var __create$4 = Object.create;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$4 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$4 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$4 = (target, value) => __defProp$4(target, "name", { value, configurable: true });
+var __decoratorStart$4 = (base) => [, , , __create$4(base?.[__knownSymbol$4("metadata")] ?? null)];
+var __decoratorStrings$4 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$4 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$4("Function expected") : fn;
+var __decoratorContext$4 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$4[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$4(fn || null)) });
+var __decoratorMetadata$4 = (array, target) => __defNormalProp$4(target, __knownSymbol$4("metadata"), array[3]);
+var __runInitializers$4 = (array, flags, self, value) => {
+  for (var i2 = 0, fns = array[flags >> 1], n2 = fns && fns.length; i2 < n2; i2++) flags & 1 ? fns[i2].call(self) : value = fns[i2].call(self, value);
+  return value;
+};
+var __decorateElement$4 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k2 = flags & 7, s2 = !!(flags & 8), p2 = !!(flags & 16);
+  var j = k2 > 3 ? array.length + 1 : k2 ? s2 ? 1 : 2 : 0, key = __decoratorStrings$4[k2 + 5];
+  var initializers = k2 > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k2 && (!p2 && !s2 && (target = target.prototype), k2 < 5 && (k2 > 3 || !p2) && __getOwnPropDesc$4(k2 < 4 ? target : { get [name]() {
+    return __privateGet$3(this, extra);
+  }, set [name](x) {
+    return __privateSet$3(this, extra, x);
+  } }, name));
+  k2 ? p2 && k2 < 4 && __name$4(extra, (k2 > 2 ? "set " : k2 > 1 ? "get " : "") + name) : __name$4(target, name);
+  for (var i2 = decorators.length - 1; i2 >= 0; i2--) {
+    ctx = __decoratorContext$4(k2, name, done = {}, array[3], extraInitializers);
+    if (k2) {
+      ctx.static = s2, ctx.private = p2, access = ctx.access = { has: p2 ? (x) => __privateIn$3(target, x) : (x) => name in x };
+      if (k2 ^ 3) access.get = p2 ? (x) => (k2 ^ 1 ? __privateGet$3 : __privateMethod$3)(x, target, k2 ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k2 > 2) access.set = p2 ? (x, y2) => __privateSet$3(x, target, y2, k2 ^ 4 ? extra : desc.set) : (x, y2) => x[name] = y2;
+    }
+    it = (0, decorators[i2])(k2 ? k2 < 4 ? p2 ? extra : desc[key] : k2 > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k2 ^ 4 || it === void 0) __expectFn$4(it) && (k2 > 4 ? initializers.unshift(it) : k2 ? p2 ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
+    else __expectFn$4(fn = it.get) && (desc.get = fn), __expectFn$4(fn = it.set) && (desc.set = fn), __expectFn$4(fn = it.init) && initializers.unshift(fn);
+  }
+  return k2 || __decoratorMetadata$4(array, target), desc && __defProp$4(target, name, desc), p2 ? k2 ^ 4 ? extra : desc : target;
+};
+var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
+var __privateIn$3 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$3 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
+var _loginError_dec, _staticDetails_dec, _activeSection_dec, _statusMessage_dec, _contentList_dec, _isLoading_dec, _isSetup_dec, _isAuthenticated_dec, _a$4, _AdminPortal_decorators, _init$4, _isAuthenticated, _isSetup, _isLoading, _contentList, _statusMessage, _activeSection, _staticDetails, _loginError;
+_AdminPortal_decorators = [customElement("admin-portal")];
+class AdminPortal extends (_a$4 = LitElement, _isAuthenticated_dec = [state()], _isSetup_dec = [state()], _isLoading_dec = [state()], _contentList_dec = [state()], _statusMessage_dec = [state()], _activeSection_dec = [state()], _staticDetails_dec = [state()], _loginError_dec = [state()], _a$4) {
+  constructor() {
+    super();
+    __privateAdd$3(this, _isAuthenticated, __runInitializers$4(_init$4, 8, this, false)), __runInitializers$4(_init$4, 11, this);
+    __privateAdd$3(this, _isSetup, __runInitializers$4(_init$4, 12, this, false)), __runInitializers$4(_init$4, 15, this);
+    __privateAdd$3(this, _isLoading, __runInitializers$4(_init$4, 16, this, true)), __runInitializers$4(_init$4, 19, this);
+    __privateAdd$3(this, _contentList, __runInitializers$4(_init$4, 20, this, [])), __runInitializers$4(_init$4, 23, this);
+    __privateAdd$3(this, _statusMessage, __runInitializers$4(_init$4, 24, this, "")), __runInitializers$4(_init$4, 27, this);
+    __privateAdd$3(this, _activeSection, __runInitializers$4(_init$4, 28, this, "profile")), __runInitializers$4(_init$4, 31, this);
+    __privateAdd$3(this, _staticDetails, __runInitializers$4(_init$4, 32, this, {})), __runInitializers$4(_init$4, 35, this);
+    __privateAdd$3(this, _loginError, __runInitializers$4(_init$4, 36, this, "")), __runInitializers$4(_init$4, 39, this);
+    this.apiService = void 0;
+    const apiUrl = window.location.origin;
+    this.apiService = new AdminApiService(apiUrl);
+  }
+  hasSessionCookie() {
+    return document.cookie.includes("session=");
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.checkAuthStatus();
+    this.requestUpdate();
+  }
+  async checkAuthStatus() {
+    try {
+      const status = await this.apiService.checkAuthStatus();
+      this.isSetup = status.configured;
+      if (status.configured && this.hasSessionCookie()) {
+        await this.tryAutoLogin();
+      }
+    } catch (e2) {
+      console.error("Auth status check failed:", e2);
+    } finally {
+      this.isLoading = false;
+    }
+  }
+  async tryAutoLogin() {
+    try {
+      this.contentList = await this.apiService.tryAutoLogin();
+      this.isAuthenticated = true;
+    } catch (e2) {
+      console.error("Auto login failed:", e2);
+    }
+  }
+  async handleLogin(e2) {
+    const { username, password } = e2.detail;
+    this.loginError = "";
+    if (!username || !password) {
+      this.loginError = "Username and password required";
+      return;
+    }
+    try {
+      await this.apiService.login(username, password);
+      this.isAuthenticated = true;
+      await this.fetchContent();
+    } catch (e22) {
+      this.loginError = e22.message;
+    }
+  }
+  async handleSetup(e2) {
+    const { username, password, confirmPassword } = e2.detail;
+    this.loginError = "";
+    if (!username || !password) {
+      this.loginError = "Username and password required";
+      return;
+    }
+    if (username.length < 3) {
+      this.loginError = "Username must be at least 3 characters";
+      return;
+    }
+    if (password.length < 8) {
+      this.loginError = "Password must be at least 8 characters";
+      return;
+    }
+    if (password !== confirmPassword) {
+      this.loginError = "Passwords do not match";
+      return;
+    }
+    try {
+      await this.apiService.setup(username, password);
+      this.isAuthenticated = true;
+      this.isSetup = true;
+      await this.fetchContent();
+    } catch (e22) {
+      this.loginError = e22.message;
+    }
+  }
+  async handleLogout() {
+    try {
+      await this.apiService.logout();
+    } catch (e2) {
+    }
+    this.isAuthenticated = false;
+    this.contentList = [];
+  }
+  async fetchContent() {
+    try {
+      this.contentList = await this.apiService.fetchContent();
+    } catch (e2) {
+      this.statusMessage = "Error fetching content.";
+    }
+  }
+  async fetchStaticDetails() {
+    try {
+      this.staticDetails = await this.apiService.fetchStaticDetails();
+    } catch (e2) {
+    }
+  }
+  async handleUpload(key, file) {
+    try {
+      this.statusMessage = "Uploading...";
+      await this.apiService.uploadContent(key, file);
+      this.statusMessage = "Upload successful!";
+      await this.fetchContent();
+    } catch (e2) {
+      this.statusMessage = "Error uploading.";
+    }
+  }
+  async handleClearCache() {
+    try {
+      this.statusMessage = "Clearing cache...";
+      await this.apiService.clearCache();
+      this.statusMessage = "Cache cleared!";
+    } catch (e2) {
+      this.statusMessage = "Error clearing cache.";
+    }
+  }
+  async handleDelete(key) {
+    try {
+      await this.apiService.deleteContent(key);
+      await this.fetchContent();
+    } catch (e2) {
+      this.statusMessage = "Error deleting.";
+    }
+  }
+  handleStatusMessage(message) {
+    this.statusMessage = message;
+  }
+  renderHomeSection() {
+    return html`
+      <admin-home-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-home-section>
+    `;
+  }
+  renderProfileSection() {
+    return html`
+      <admin-profile-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-profile-section>
+    `;
+  }
+  renderAboutMeSection() {
+    return html`
+      <admin-about-me-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-about-me-section>
+    `;
+  }
+  renderBlogsSection() {
+    return html`
+      <admin-blogs-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-blogs-section>
+    `;
+  }
+  renderStoriesSection() {
+    return html`
+      <admin-stories-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-stories-section>
+    `;
+  }
+  renderImagesSection() {
+    return html`
+      <admin-images-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-images-section>
+    `;
+  }
+  renderLogoSection() {
+    return html`
+      <admin-logo-section
+        .contentList=${this.contentList}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-logo-section>
+    `;
+  }
+  renderStaticSection() {
+    return html`
+      <admin-static-section
+        .contentList=${this.contentList}
+        .staticDetails=${this.staticDetails}
+        .onUpload=${this.handleUpload.bind(this)}
+        .onDelete=${this.handleDelete.bind(this)}
+        .onStatusMessage=${this.handleStatusMessage.bind(this)}
+      ></admin-static-section>
+    `;
+  }
+  renderLoginForm() {
+    return html`
+      <admin-login-form
+        .errorMessage=${this.loginError}
+        .isSetup=${false}
+        @login-submit=${this.handleSetup}
+      ></admin-login-form>
+    `;
+  }
+  renderLogin() {
+    return html`
+      <admin-login-form
+        .errorMessage=${this.loginError}
+        .isSetup=${true}
+        @login-submit=${this.handleLogin}
+      ></admin-login-form>
+    `;
+  }
   render() {
     if (this.isLoading) {
       return html`<div class="container"><div class="loading">Loading...</div></div>`;
@@ -1121,11 +1918,11 @@ class AdminPortal extends (_a$4 = LitElement, _isAuthenticated_dec = [state()],
           <button class="btn-secondary" @click=${() => this.handleLogout()}>Logout</button>
           <button class="btn-secondary" @click=${() => this.handleClearCache()}>Clear Cache</button>
         </div>
-        
+
         <div class="nav-tabs">
-          <button class="nav-tab ${this.activeSection === "home" ? "active" : ""}" 
+          <button class="nav-tab ${this.activeSection === "home" ? "active" : ""}"
             @click=${() => this.activeSection = "home"}>Home</button>
-          <button class="nav-tab ${this.activeSection === "profile" ? "active" : ""}" 
+          <button class="nav-tab ${this.activeSection === "profile" ? "active" : ""}"
             @click=${() => this.activeSection = "profile"}>Profile</button>
           <button class="nav-tab ${this.activeSection === "aboutme" ? "active" : ""}"
             @click=${() => this.activeSection = "aboutme"}>About Me</button>
@@ -1182,6 +1979,7 @@ __decorateElement$4(_init$4, 4, "loginError", _loginError_dec, AdminPortal, _log
 AdminPortal = __decorateElement$4(_init$4, 0, "AdminPortal", _AdminPortal_decorators, AdminPortal);
 AdminPortal.styles = adminStyles;
 __runInitializers$4(_init$4, 1, AdminPortal);
+const adminLoaded = true;
 const bannerStyles = css`
 :host {
   display: block;
@@ -1805,7 +2603,7 @@ class BlogViewer extends (_a$1 = LitElement, _slug_dec$1 = [property({ type: Str
     __privateAdd$1(this, _error$1, __runInitializers$1(_init$1, 20, this, "")), __runInitializers$1(_init$1, 23, this);
   }
   get apiBaseUrl() {
-    return "https://api.techieleader.com";
+    return this.getAttribute("api-url") || window.__VITE_API_URL__ || void 0 || "https://api.exampledomain.com";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2004,7 +2802,7 @@ class StoryViewer extends (_a = LitElement, _slug_dec = [property({ type: String
     __privateAdd(this, _error, __runInitializers(_init, 20, this, "")), __runInitializers(_init, 23, this);
   }
   get apiBaseUrl() {
-    return "https://api.techieleader.com";
+    return this.getAttribute("api-url") || window.__VITE_API_URL__ || void 0 || "https://api.exampledomain.com";
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -2084,10 +2882,20 @@ StoryViewer = __decorateElement(_init, 0, "StoryViewer", _StoryViewer_decorators
 StoryViewer.styles = storyviewerStyles;
 __runInitializers(_init, 1, StoryViewer);
 export {
-  AdminPortal as A,
+  AdminAboutMeSection as A,
   BlogViewer as B,
   FooterComponent as F,
   MyAboutme as M,
   StoryViewer as S,
-  MyBanner as a
+  AdminBlogsSection as a,
+  AdminHomeSection as b,
+  AdminImagesSection as c,
+  AdminLoginForm as d,
+  AdminLogoSection as e,
+  AdminPortal as f,
+  AdminProfileSection as g,
+  AdminStaticSection as h,
+  AdminStoriesSection as i,
+  MyBanner as j,
+  adminLoaded as k
 };