@leadertechie/personal-site-kit 0.0.0 → 0.1.0-alpha.10

package/dist/chunks/index-_AMi6ort.js

@@ -0,0 +1,2690 @@
+import { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { S as SiteStore } from "./site-store-Vqmjjz9c.js";
+import { MarkdownPipeline } from "@leadertechie/r2tohtml";
+const aboutmeStyles = css`
+:host {
+  display: block;
+}
+
+.aboutme {
+  display: block;
+  padding: 20px;
+  max-width: 800px;
+  margin: 0 auto;
+  line-height: 1.6;
+}
+
+.aboutme h2 {
+  color: var(--link-color);
+  margin-bottom: 15px;
+  font-size: 2em;
+}
+
+.aboutme h3 {
+  color: var(--link-color);
+  margin-bottom: 10px;
+}
+
+.aboutme p {
+  margin-bottom: 10px;
+  text-align: left;
+}
+
+.aboutme ul {
+  list-style-type: disc;
+  margin-left: 20px;
+  text-align: left;
+}
+
+.aboutme li {
+  margin-bottom: 5px;
+}
+
+.aboutme .profile-picture {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin-bottom: 20px;
+  border: 3px solid var(--link-color);
+  box-shadow: 
+    0 0 0 4px var(--link-color),
+    0 8px 16px rgba(0, 0, 0, 0.2),
+    0 12px 24px rgba(0, 0, 0, 0.15);
+}
+
+.aboutme .profile-section {
+  text-align: center;
+  background: var(--card-bg, var(--background-color, #fff));
+  border-radius: 16px;
+  padding: 2rem;
+  box-shadow: 
+    0 4px 6px rgba(0, 0, 0, 0.07),
+    0 10px 20px rgba(0, 0, 0, 0.05);
+  margin-bottom: 2rem;
+}
+
+.aboutme .profile-title {
+  color: var(--secondary-text, #666);
+  margin-bottom: 0;
+  text-align: center;
+}
+
+.aboutme h1 {
+  margin-bottom: 0.5rem;
+}
+
+.aboutme .loading {
+  text-align: center;
+  padding: 20px;
+  color: var(--text-color);
+}
+
+.aboutme .content-section {
+  font-family: Arial, sans-serif;
+}
+`;
+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$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$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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$f = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$f[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$f(k < 4 ? target : { get [name]() {
+    return __privateGet$7(this, extra);
+  }, set [name](x) {
+    return __privateSet$7(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$e(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$e(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$f(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$6(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$7 : __privateMethod$6)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$7(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$f(it) && (k > 4 ? initializers.unshift(it) : k ? p ? 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 k || __decoratorMetadata$f(array, target), desc && __defProp$f(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+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$f = LitElement, _baseUrl_dec = [property({ type: String })], _profile_dec = [state()], _htmlContent_dec = [state()], _loading_dec$2 = [state()], _a$f) {
+  constructor() {
+    super();
+    __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;
+  }
+  get apiBaseUrl() {
+    return this.baseUrl || this.getAttribute("base-url") || "";
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    if (typeof window !== "undefined" && window.__HYDRATION_DATA__) {
+      const hydrationData = window.__HYDRATION_DATA__;
+      this.profile = hydrationData.profile;
+      this.htmlContent = hydrationData.processedMarkdown;
+      this.loading = false;
+      return;
+    }
+    this.loadContent();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (this.loading === false && this.profile && this.htmlContent) {
+      return;
+    }
+    if (changedProperties.has("baseUrl") || changedProperties.has("base-url")) {
+      this.loadContent();
+    }
+  }
+  async loadContent() {
+    const url = this.apiBaseUrl;
+    if (!url) {
+      this.loading = false;
+      this.setFallbackContent();
+      return;
+    }
+    try {
+      this.loading = true;
+      const data = await this.fetcher(url);
+      this.profile = data.profile;
+      this.htmlContent = data.processedMarkdown;
+      this.loading = false;
+      await this.updateComplete;
+    } catch (error) {
+      this.loading = false;
+      this.setFallbackContent();
+      await this.updateComplete;
+    }
+  }
+  setFallbackContent() {
+    this.profile = null;
+    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) {
+      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 : `${this.apiBaseUrl}/api/images/${this.profile.profileImageUrl}` : "";
+    return html`
+      <div class="aboutme">
+        <div class="profile-section">
+          ${profileImageUrl ? html`
+            <img src="${profileImageUrl}" alt="${this.profile.name}" 
+                 class="profile-picture">
+          ` : ""}
+          <h1>${this.profile.name}</h1>
+          <p class="profile-title">${this.profile.title} • ${this.profile.experience}</p>
+        </div>
+        <div class="content-section" .innerHTML="${this.htmlContent}"></div>
+      </div>
+    `;
+  }
+}
+_init$f = __decoratorStart$f(_a$f);
+_baseUrl = /* @__PURE__ */ new WeakMap();
+_profile = /* @__PURE__ */ new WeakMap();
+_htmlContent = /* @__PURE__ */ new WeakMap();
+_loading$2 = /* @__PURE__ */ new WeakMap();
+__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$f(_init$f, 1, MyAboutme);
+const adminStyles = css`
+:host {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 20px;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: var(--text-color, #213547);
+  background-color: var(--background-color, #fff);
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+.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;
+}
+
+.nav-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+  padding: 0.5rem;
+  background: var(--card-bg, #fff);
+  border-radius: 12px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  width: 100%;
+}
+
+.nav-tab {
+  padding: 0.6rem 1.25rem;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  background: transparent;
+  color: var(--text-color, #213547);
+  font-size: 0.95rem;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.nav-tab:hover {
+  background: var(--nav-link-hover-bg, #f0f0f0);
+  color: var(--link-color, #646cff);
+}
+
+.nav-tab.active {
+  background: var(--link-color, #646cff);
+  color: white;
+  box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
+}
+
+.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;
+}
+
+.section h3 {
+  margin: 0 0 0.5rem 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: var(--text-color, #213547);
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.file-list {
+  margin-top: 20px;
+}
+
+.file-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border-color, #eee);
+  border-radius: 8px;
+  transition: background 0.15s ease;
+}
+
+.file-item:hover {
+  background: var(--nav-link-hover-bg, #f8f9fa);
+}
+
+.file-item:last-child {
+  border-bottom: none;
+}
+
+button {
+  cursor: pointer;
+  padding: 10px 20px;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 0.95rem;
+  transition: all 0.2s ease;
+  border: none;
+}
+
+.btn-primary {
+  background: var(--link-color, #646cff);
+  color: white;
+  box-shadow: 0 2px 4px rgba(100, 108, 255, 0.25);
+}
+
+.btn-primary:hover {
+  background: var(--link-hover-color, #535bf2);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(100, 108, 255, 0.3);
+}
+
+.btn-danger {
+  color: #dc3545;
+  background: transparent;
+  border: 1px solid #dc3545;
+  padding: 6px 12px;
+  font-size: 0.85rem;
+}
+
+.btn-danger:hover {
+  background: #dc3545;
+  color: white;
+}
+
+.btn-secondary {
+  background: var(--nav-link-hover-bg, #f0f0f0);
+  color: var(--text-color, #333);
+  border: none;
+  font-size: 0.85rem;
+  padding: 8px 16px;
+}
+
+.btn-secondary:hover {
+  background: #e0e0e0;
+}
+
+input[type="text"], input[type="password"], input[type="file"] {
+  padding: 12px 14px;
+  width: 100%;
+  box-sizing: border-box;
+  margin-bottom: 12px;
+  border: 2px solid var(--border-color, #e0e0e0);
+  border-radius: 10px;
+  background-color: var(--background-color, #fff);
+  color: var(--text-color, #213547);
+  font-size: 0.95rem;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+input[type="text"]:focus, input[type="password"]:focus {
+  outline: none;
+  border-color: var(--link-color, #646cff);
+  box-shadow: 0 0 0 3px rgba(100, 108, 255, 0.15);
+}
+
+input[type="file"] {
+  padding: 10px;
+  border-style: dashed;
+  cursor: pointer;
+}
+
+input[type="file"]:hover {
+  border-color: var(--link-color, #646cff);
+  background: rgba(100, 108, 255, 0.03);
+}
+
+.help-text {
+  color: var(--secondary-text, #666);
+  font-size: 0.9rem;
+  margin-bottom: 16px;
+  line-height: 1.5;
+}
+
+.status-message {
+  padding: 12px 16px;
+  border-radius: 8px;
+  margin-bottom: 16px;
+  font-size: 0.9rem;
+  background: var(--nav-link-hover-bg, #f5f5f5);
+  color: var(--text-color, #333);
+}
+
+.status-message.success {
+  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
+  color: #2e7d32;
+  border: 1px solid #a5d6a7;
+}
+
+.status-message.error {
+  background: linear-gradient(135deg, #ffebee, #ffcdd2);
+  color: #c62828;
+  border: 1px solid #ef9a9a;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 2px solid var(--border-color, #eee);
+}
+
+.header h1 {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--text-color, #213547);
+}
+
+.mt-1 { margin-top: 12px; }
+.mb-1 { margin-bottom: 1rem; }
+
+@media (max-width: 600px) {
+  .container {
+    padding: 0.5rem;
+  }
+  .section {
+    padding: 16px;
+  }
+  .nav-tabs {
+    gap: 4px;
+    padding: 8px;
+  }
+  .nav-tab {
+    padding: 8px 12px;
+    font-size: 0.85rem;
+  }
+}
+`;
+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$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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$e = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
+  var j = array.length + 1, key = __decoratorStrings$e[k + 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$6(this, extra, x);
+  } }, name));
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$e(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+      access.set = (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])({ 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 desc && __defProp$e(target, name, desc), target;
+};
+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$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);
+  }
+  getContent(key) {
+    return this.contentList.find((c) => c.key === key);
+  }
+  getSectionFiles(prefix) {
+    return this.contentList.filter((c) => c.key.startsWith(prefix));
+  }
+}
+_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%;
+    }
+
+    .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;
+    }
+
+    .section h3 {
+      margin: 0 0 0.5rem 0;
+      font-size: 1.25rem;
+    }
+
+    .help-text {
+      color: var(--secondary-text, #666);
+      margin-bottom: 1rem;
+    }
+
+    .current-file {
+      margin-bottom: 1rem;
+      padding: 1rem;
+      background: var(--nav-link-hover-bg, #f5f5f5);
+      border-radius: 8px;
+    }
+
+    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;
+    }
+
+    input[type="file"] {
+      margin-bottom: 1rem;
+    }
+
+    button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 1rem;
+      transition: background-color 0.3s ease;
+      margin-right: 10px;
+    }
+
+    .btn-primary {
+      background: var(--link-color, #646cff);
+      color: white;
+    }
+
+    .btn-primary:hover {
+      background: var(--link-hover-color, #535bf2);
+    }
+
+    .btn-secondary {
+      background: var(--nav-link-hover-bg, #f0f0f0);
+      color: var(--text-color, #213547);
+    }
+
+    .btn-secondary:hover {
+      background: var(--border-color, #e0e0e0);
+    }
+
+    .btn-danger {
+      background: #dc3545;
+      color: white;
+    }
+
+    .btn-danger:hover {
+      background: #c82333;
+    }
+
+    .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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$d = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$d[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$d(k < 4 ? target : { get [name]() {
+    return __privateGet$5(this, extra);
+  }, set [name](x) {
+    return __privateSet$5(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$d(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$d(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$d(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$5(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$5 : __privateMethod$5)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$5(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$d(it) && (k > 4 ? initializers.unshift(it) : k ? p ? 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);
+  }
+  return k || __decoratorMetadata$d(array, target), desc && __defProp$d(target, name, desc), p ? k ^ 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);
+  }
+  handleSubmit(e) {
+    e.preventDefault();
+    const formData = new FormData(e.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
+    }));
+  }
+  render() {
+    return html`
+      <div class="container">
+        <div class="login-box">
+          <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>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$c = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$c(target, name));
+  __name$c(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$c(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$c(it) && (target = it);
+  }
+  return __decoratorMetadata$c(array, target), desc && __defProp$c(target, name, desc), p ? k ^ 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("pages/home.md", input.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete pages/home.md?")) return;
+    try {
+      await this.onDelete("pages/home.md");
+    } catch (e) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
+    const home = this.getContent("pages/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> pages/home.md (${home.size} bytes)
+            <button class="btn-danger" @click=${this.handleDelete}>Delete</button>
+          </div>
+        ` : ""}
+
+        <input type="file" id="homeFile" accept=".md" />
+        <button class="btn-primary" @click=${this.handleUpload}>Upload home.md</button>
+      </div>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$b = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$b(target, name));
+  __name$b(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$b(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$b(it) && (target = it);
+  }
+  return __decoratorMetadata$b(array, target), desc && __defProp$b(target, name, desc), p ? k ^ 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 (e) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete profile.json?")) return;
+    try {
+      await this.onDelete("profile.json");
+    } catch (e) {
+      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}>Delete</button>
+          </div>
+        ` : ""}
+
+        <input type="file" id="profileFile" accept=".json" />
+        <button class="btn-primary" @click=${this.handleUpload}>Upload profile.json</button>
+      </div>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$a = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$a(target, name));
+  __name$a(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$a(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$a(it) && (target = it);
+  }
+  return __decoratorMetadata$a(array, target), desc && __defProp$a(target, name, desc), p ? k ^ 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 (e) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete about-me.md?")) return;
+    try {
+      await this.onDelete("about-me.md");
+    } catch (e) {
+      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}>Delete</button>
+          </div>
+        ` : ""}
+
+        <input type="file" id="aboutFile" accept=".md" />
+        <button class="btn-primary" @click=${this.handleUpload}>Upload about-me.md</button>
+      </div>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$9 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$9(target, name));
+  __name$9(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$9(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$9(it) && (target = it);
+  }
+  return __decoratorMetadata$9(array, target), desc && __defProp$9(target, name, desc), p ? k ^ 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) {
+      const slug = slugInput.value.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+      try {
+        await this.onUpload(`blogs/${slug}.json`, metaInput.files[0]);
+        await this.onUpload(`blogs/${slug}.md`, contentInput.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e) {
+        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 (e) {
+      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>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">Metadata (JSON)</label>
+          <input type="file" id="blogMetaFile" accept=".json" />
+        </div>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">Content (Markdown)</label>
+          <input type="file" id="blogContentFile" accept=".md" />
+        </div>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">URL Slug</label>
+          <input type="text" id="blogSlug" placeholder="Slug (e.g., my-new-post)" />
+        </div>
+        <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) => {
+      const slug = b.key.replace("blogs/", "").replace(".json", "");
+      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>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$8 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$8(target, name));
+  __name$8(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$8(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$8(it) && (target = it);
+  }
+  return __decoratorMetadata$8(array, target), desc && __defProp$8(target, name, desc), p ? k ^ 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) {
+      const slug = slugInput.value.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+      try {
+        await this.onUpload(`stories/${slug}.json`, metaInput.files[0]);
+        await this.onUpload(`stories/${slug}.md`, contentInput.files[0]);
+        this.onStatusMessage("Upload successful!");
+      } catch (e) {
+        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 (e) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
+    const stories = this.getSectionFiles("stories/").filter((s) => s.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>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">Metadata (JSON)</label>
+          <input type="file" id="storyMetaFile" accept=".json" />
+        </div>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">Content (Markdown)</label>
+          <input type="file" id="storyContentFile" accept=".md" />
+        </div>
+        <div class="mb-1">
+          <label style="display:block;margin-bottom:4px;font-weight:500">URL Slug</label>
+          <input type="text" id="storySlug" placeholder="Slug (e.g., my-story)" />
+        </div>
+        <button class="btn-primary" @click=${this.handleUpload}>Upload Story (JSON + MD)</button>
+
+        <div class="file-list">
+          <h4>Current Stories (${stories.length})</h4>
+          ${stories.map((s) => {
+      const slug = s.key.replace("stories/", "").replace(".json", "");
+      return html`
+              <div class="file-item">
+                <span>${s.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>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$7 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$7(target, name));
+  __name$7(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$7(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$7(it) && (target = it);
+  }
+  return __decoratorMetadata$7(array, target), desc && __defProp$7(target, name, desc), p ? k ^ 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 (e) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete(key) {
+    if (!confirm(`Delete ${key}?`)) return;
+    try {
+      await this.onDelete(key);
+    } catch (e) {
+      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=${this.handleUpload}>Upload to images/</button>
+
+        <div class="file-list">
+          <h4>Current Images (${images.length})</h4>
+          ${images.map((img) => html`
+            <div class="file-item">
+              <span>${img.key} (${img.size} bytes)</span>
+              <button class="btn-danger" @click=${() => this.handleDelete(img.key)}>Delete</button>
+            </div>
+          `)}
+          ${images.length === 0 ? html`<p>No images yet.</p>` : ""}
+        </div>
+      </div>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$6 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$6(target, name));
+  __name$6(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$6(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$6(it) && (target = it);
+  }
+  return __decoratorMetadata$6(array, target), desc && __defProp$6(target, name, desc), p ? k ^ 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 (e) {
+        this.onStatusMessage("Upload failed.");
+      }
+    }
+  }
+  async handleDelete() {
+    if (!confirm("Delete logo.svg?")) return;
+    try {
+      await this.onDelete("logo.svg");
+    } catch (e) {
+      this.onStatusMessage("Delete failed.");
+    }
+  }
+  render() {
+    const logo = this.getContent("logo.svg");
+    const logoUrl = `/api/logo?t=${Date.now()}`;
+    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">
+            <div class="mb-1">
+              <strong>Current:</strong> logo.svg (${logo.size} bytes)
+            </div>
+            <div style="background: #f0f0f0; padding: 10px; border-radius: 8px; margin-bottom: 10px; display: inline-block;">
+              <img src="${logoUrl}" alt="Current Logo" style="max-height: 100px; display: block;" />
+            </div>
+            <br/>
+            <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=${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.
+        </div>
+      </div>
+    `;
+  }
+}
+_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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$5 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$5[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$5(k < 4 ? target : { get [name]() {
+    return __privateGet$4(this, extra);
+  }, set [name](x) {
+    return __privateSet$4(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$5(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$5(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$5(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$4(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$4 : __privateMethod$4)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$4(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$5(it) && (k > 4 ? initializers.unshift(it) : k ? p ? 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 k || __decoratorMetadata$5(array, target), desc && __defProp$5(target, name, desc), p ? k ^ 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, {})), __runInitializers$5(_init$5, 11, this);
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("staticDetails")) {
+      this.localDetails = { ...this.staticDetails };
+    }
+  }
+  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 = {
+      siteTitle: siteTitle || "",
+      copyright: copyright || "",
+      linkedin: linkedin || "",
+      github: github || "",
+      email: email || ""
+    };
+    try {
+      await this.onUpload("static-details.json", new File([JSON.stringify(data)], "static-details.json", { type: "application/json" }));
+      this.onStatusMessage("Settings saved!");
+    } catch (e) {
+      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.localDetails?.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.localDetails?.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.localDetails?.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.localDetails?.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.localDetails?.email || ""} />
+        </div>
+
+        <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 i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$4 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$4[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$4(k < 4 ? target : { get [name]() {
+    return __privateGet$3(this, extra);
+  }, set [name](x) {
+    return __privateSet$3(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$4(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$4(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$4(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$3(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$3 : __privateMethod$3)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$3(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$4(it) && (k > 4 ? initializers.unshift(it) : k ? p ? 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 k || __decoratorMetadata$4(array, target), desc && __defProp$4(target, name, desc), p ? k ^ 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 (e) {
+      console.error("Auth status check failed:", e);
+    } finally {
+      this.isLoading = false;
+    }
+  }
+  async tryAutoLogin() {
+    try {
+      this.contentList = await this.apiService.tryAutoLogin();
+      this.isAuthenticated = true;
+    } catch (e) {
+      console.error("Auto login failed:", e);
+    }
+  }
+  async handleLogin(e) {
+    const { username, password } = e.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 (e2) {
+      this.loginError = e2.message;
+    }
+  }
+  async handleSetup(e) {
+    const { username, password, confirmPassword } = e.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 (e2) {
+      this.loginError = e2.message;
+    }
+  }
+  async handleLogout() {
+    try {
+      await this.apiService.logout();
+    } catch (e) {
+    }
+    this.isAuthenticated = false;
+    this.contentList = [];
+  }
+  async fetchContent() {
+    try {
+      this.contentList = await this.apiService.fetchContent();
+    } catch (e) {
+      this.statusMessage = "Error fetching content.";
+    }
+  }
+  async fetchStaticDetails() {
+    try {
+      this.staticDetails = await this.apiService.fetchStaticDetails();
+    } catch (e) {
+    }
+  }
+  async handleUpload(key, file) {
+    try {
+      this.statusMessage = "Uploading...";
+      await this.apiService.uploadContent(key, file);
+      this.statusMessage = "Upload successful!";
+      await this.fetchContent();
+      if (key === "static-details.json") {
+        const store = SiteStore.getInstance();
+        await store.refresh();
+      }
+    } catch (e) {
+      this.statusMessage = "Error uploading.";
+      throw e;
+    }
+  }
+  async handleClearCache() {
+    try {
+      this.statusMessage = "Clearing cache...";
+      await this.apiService.clearCache();
+      this.statusMessage = "Cache cleared!";
+    } catch (e) {
+      this.statusMessage = "Error clearing cache.";
+    }
+  }
+  async handleDelete(key) {
+    try {
+      await this.apiService.deleteContent(key);
+      await this.fetchContent();
+    } catch (e) {
+      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>`;
+    }
+    if (!this.isSetup) {
+      return this.renderLoginForm();
+    }
+    if (!this.isAuthenticated) {
+      return this.renderLogin();
+    }
+    return html`
+      <div class="container">
+        <div class="header">
+          <h1>Content Manager</h1>
+          <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" : ""}"
+            @click=${() => this.activeSection = "home"}>Home</button>
+          <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>
+          <button class="nav-tab ${this.activeSection === "blogs" ? "active" : ""}"
+            @click=${() => this.activeSection = "blogs"}>Blogs</button>
+          <button class="nav-tab ${this.activeSection === "stories" ? "active" : ""}"
+            @click=${() => this.activeSection = "stories"}>Stories</button>
+          <button class="nav-tab ${this.activeSection === "images" ? "active" : ""}"
+            @click=${() => this.activeSection = "images"}>Images</button>
+          <button class="nav-tab ${this.activeSection === "logo" ? "active" : ""}"
+            @click=${() => this.activeSection = "logo"}>Logo</button>
+          <button class="nav-tab ${this.activeSection === "static" ? "active" : ""}"
+            @click=${() => {
+      this.activeSection = "static";
+      this.fetchStaticDetails();
+    }}>Site Settings</button>
+        </div>
+
+        ${this.statusMessage ? html`
+          <div class="status-message ${this.statusMessage.includes("successful") || this.statusMessage.includes("cleared") ? "success" : this.statusMessage.includes("failed") || this.statusMessage.includes("Error") ? "error" : ""}">
+            ${this.statusMessage}
+          </div>
+        ` : ""}
+
+        ${this.activeSection === "home" ? this.renderHomeSection() : ""}
+        ${this.activeSection === "profile" ? this.renderProfileSection() : ""}
+        ${this.activeSection === "aboutme" ? this.renderAboutMeSection() : ""}
+        ${this.activeSection === "blogs" ? this.renderBlogsSection() : ""}
+        ${this.activeSection === "stories" ? this.renderStoriesSection() : ""}
+        ${this.activeSection === "images" ? this.renderImagesSection() : ""}
+        ${this.activeSection === "logo" ? this.renderLogoSection() : ""}
+        ${this.activeSection === "static" ? this.renderStaticSection() : ""}
+      </div>
+    `;
+  }
+}
+_init$4 = __decoratorStart$4(_a$4);
+_isAuthenticated = /* @__PURE__ */ new WeakMap();
+_isSetup = /* @__PURE__ */ new WeakMap();
+_isLoading = /* @__PURE__ */ new WeakMap();
+_contentList = /* @__PURE__ */ new WeakMap();
+_statusMessage = /* @__PURE__ */ new WeakMap();
+_activeSection = /* @__PURE__ */ new WeakMap();
+_staticDetails = /* @__PURE__ */ new WeakMap();
+_loginError = /* @__PURE__ */ new WeakMap();
+__decorateElement$4(_init$4, 4, "isAuthenticated", _isAuthenticated_dec, AdminPortal, _isAuthenticated);
+__decorateElement$4(_init$4, 4, "isSetup", _isSetup_dec, AdminPortal, _isSetup);
+__decorateElement$4(_init$4, 4, "isLoading", _isLoading_dec, AdminPortal, _isLoading);
+__decorateElement$4(_init$4, 4, "contentList", _contentList_dec, AdminPortal, _contentList);
+__decorateElement$4(_init$4, 4, "statusMessage", _statusMessage_dec, AdminPortal, _statusMessage);
+__decorateElement$4(_init$4, 4, "activeSection", _activeSection_dec, AdminPortal, _activeSection);
+__decorateElement$4(_init$4, 4, "staticDetails", _staticDetails_dec, AdminPortal, _staticDetails);
+__decorateElement$4(_init$4, 4, "loginError", _loginError_dec, AdminPortal, _loginError);
+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;
+  width: 100%;
+  box-sizing: border-box;
+  font-family: Arial, sans-serif;
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
+
+.banner,
+.banner-component {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 2rem;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: background-color 0.3s, color 0.3s;
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+.header-content {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0;
+  margin-right: auto;
+}
+
+.logo {
+  height: 50px;
+  margin-right: 1rem;
+  width: auto;
+}
+
+/* Logo dark mode - invert colors for better contrast */
+[data-theme="dark"] .logo {
+  filter: brightness(0.85) invert(1);
+}
+
+h1 {
+  margin: 0;
+  font-size: 1.8em;
+  font-weight: 600;
+  color: var(--text-color);
+}
+
+.nav-and-theme {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+nav {
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+  gap: 10px;
+}
+
+nav a {
+  text-decoration: none;
+  color: var(--nav-link-color, #333);
+  padding: 0.5rem 1rem;
+  border-radius: 5px;
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+nav a:hover {
+  background-color: var(--nav-link-hover-bg, #e2e6ea);
+  text-decoration: none;
+}
+
+@media (max-width: 768px) {
+  .banner,
+  .banner-component {
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1rem;
+  }
+  
+  .header-content {
+    margin-right: 0;
+    justify-content: center;
+  }
+  
+  nav {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+}
+`;
+var __create$3 = Object.create;
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$3 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$3 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$3 = (target, value) => __defProp$3(target, "name", { value, configurable: true });
+var __decoratorStart$3 = (base) => [, , , __create$3(base?.[__knownSymbol$3("metadata")] ?? null)];
+var __decoratorStrings$3 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$3 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$3("Function expected") : fn;
+var __decoratorContext$3 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$3[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$3("Already initialized") : fns.push(__expectFn$3(fn || null)) });
+var __decoratorMetadata$3 = (array, target) => __defNormalProp$3(target, __knownSymbol$3("metadata"), array[3]);
+var __runInitializers$3 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) fns[i].call(self);
+  return value;
+};
+var __decorateElement$3 = (array, flags, name, decorators, target, extra) => {
+  var it, done, ctx, k = flags & 7, p = false;
+  var j = 0;
+  var extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (target = target.prototype, k < 5 && (k > 3 || !p) && __getOwnPropDesc$3(target, name));
+  __name$3(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$3(k, name, done = {}, array[3], extraInitializers);
+    it = (0, decorators[i])(target, ctx), done._ = 1;
+    __expectFn$3(it) && (target = it);
+  }
+  return __decoratorMetadata$3(array, target), desc && __defProp$3(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var _MyBanner_decorators, _init$3, _a$3;
+_MyBanner_decorators = [customElement("my-banner")];
+const _MyBanner = class _MyBanner extends (_a$3 = LitElement) {
+  constructor() {
+    super();
+    this.header = "My App";
+    this.logo = "";
+  }
+  render() {
+    return html`
+      <header class="banner banner-component">
+        <div class="header-content">
+          ${this.logo ? html`<img src="${this.logo}" alt="Logo" class="logo" />` : ""}
+          <h1>${this.header}</h1>
+        </div>
+        <div class="nav-and-theme">
+          <slot name="nav-links"></slot>
+          <slot name="theme-switcher"></slot>
+        </div>
+      </header>
+    `;
+  }
+};
+_MyBanner.styles = bannerStyles;
+_MyBanner.properties = {
+  header: { type: String },
+  logo: { type: String }
+};
+let MyBanner = _MyBanner;
+_init$3 = __decoratorStart$3(_a$3);
+MyBanner = __decorateElement$3(_init$3, 0, "MyBanner", _MyBanner_decorators, MyBanner);
+__runInitializers$3(_init$3, 1, MyBanner);
+const footerStyles = css`
+:host {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 2rem;
+  background: var(--background-color);
+  color: var(--text-color);
+  border-top: 1px solid var(--nav-link-hover-bg);
+  flex-wrap: wrap;
+}
+
+.footer-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.links {
+  display: flex;
+  gap: 1rem;
+  margin-top: 0.5rem;
+}
+
+.links a {
+  color: inherit;
+  text-decoration: none;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  transition: background-color 0.3s ease;
+}
+
+.links a:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+@media (min-width: 768px) {
+  .footer-content {
+    flex-direction: row;
+    align-items: center;
+    width: 100%;
+    justify-content: space-between;
+  }
+  .links {
+    margin-top: 0;
+  }
+}
+`;
+var __create$2 = Object.create;
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$2 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$2 = (target, value) => __defProp$2(target, "name", { value, configurable: true });
+var __decoratorStart$2 = (base) => [, , , __create$2(base?.[__knownSymbol$2("metadata")] ?? null)];
+var __decoratorStrings$2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$2("Function expected") : fn;
+var __decoratorContext$2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$2("Already initialized") : fns.push(__expectFn$2(fn || null)) });
+var __decoratorMetadata$2 = (array, target) => __defNormalProp$2(target, __knownSymbol$2("metadata"), array[3]);
+var __runInitializers$2 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$2 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$2[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$2(k < 4 ? target : { get [name]() {
+    return __privateGet$2(this, extra);
+  }, set [name](x) {
+    return __privateSet$2(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$2(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$2(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$2(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$2(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$2 : __privateMethod$2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$2(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$2(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$2("Object expected");
+    else __expectFn$2(fn = it.get) && (desc.get = fn), __expectFn$2(fn = it.set) && (desc.set = fn), __expectFn$2(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$2(array, target), desc && __defProp$2(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
+var __privateIn$2 = (member, obj) => Object(obj) !== obj ? __typeError$2('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$2 = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
+var _footerLinks_dec, _copyright_dec, _a$2, _FooterComponent_decorators, _init$2, _copyright, _footerLinks;
+_FooterComponent_decorators = [customElement("my-footer")];
+class FooterComponent extends (_a$2 = LitElement, _copyright_dec = [property({ type: String })], _footerLinks_dec = [property({ type: Array, attribute: "footer-links" })], _a$2) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$2(this, _copyright, __runInitializers$2(_init$2, 8, this, "")), __runInitializers$2(_init$2, 11, this);
+    __privateAdd$2(this, _footerLinks, __runInitializers$2(_init$2, 12, this, [])), __runInitializers$2(_init$2, 15, this);
+  }
+  render() {
+    return html`
+      <div class="footer-content">
+        <span>&copy; ${this.copyright}</span>
+        <span class="links">
+          ${(this.footerLinks || []).map(
+      (link) => {
+        const isExternal = link.link.startsWith("http") || link.link.startsWith("mailto:");
+        return html`<a 
+                href="${link.link}" 
+                target="${isExternal ? "_blank" : "_self"}" 
+                rel="${isExternal ? "noopener noreferrer" : ""}"
+              >${link.text}</a>`;
+      }
+    )}
+        </span>
+      </div>
+    `;
+  }
+}
+_init$2 = __decoratorStart$2(_a$2);
+_copyright = /* @__PURE__ */ new WeakMap();
+_footerLinks = /* @__PURE__ */ new WeakMap();
+__decorateElement$2(_init$2, 4, "copyright", _copyright_dec, FooterComponent, _copyright);
+__decorateElement$2(_init$2, 4, "footerLinks", _footerLinks_dec, FooterComponent, _footerLinks);
+FooterComponent = __decorateElement$2(_init$2, 0, "FooterComponent", _FooterComponent_decorators, FooterComponent);
+FooterComponent.styles = footerStyles;
+__runInitializers$2(_init$2, 1, FooterComponent);
+const blogviewerStyles = css`
+:host {
+  display: block;
+}
+
+.tags {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-top: 1rem;
+}
+
+.tag {
+  background: var(--nav-link-hover-bg, #f0f0f0);
+  color: var(--text-color, #333);
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  border: 1px solid var(--border-color, transparent);
+}
+`;
+const __vite_import_meta_env__ = {};
+var __create$1 = Object.create;
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$1 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$1 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$1 = (target, value) => __defProp$1(target, "name", { value, configurable: true });
+var __decoratorStart$1 = (base) => [, , , __create$1(base?.[__knownSymbol$1("metadata")] ?? null)];
+var __decoratorStrings$1 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$1 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$1("Function expected") : fn;
+var __decoratorContext$1 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$1[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$1("Already initialized") : fns.push(__expectFn$1(fn || null)) });
+var __decoratorMetadata$1 = (array, target) => __defNormalProp$1(target, __knownSymbol$1("metadata"), array[3]);
+var __runInitializers$1 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$1 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$1[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$1(k < 4 ? target : { get [name]() {
+    return __privateGet$1(this, extra);
+  }, set [name](x) {
+    return __privateSet$1(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$1(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$1(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$1(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$1(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$1 : __privateMethod$1)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$1(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$1(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$1("Object expected");
+    else __expectFn$1(fn = it.get) && (desc.get = fn), __expectFn$1(fn = it.set) && (desc.set = fn), __expectFn$1(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$1(array, target), desc && __defProp$1(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
+var __privateIn$1 = (member, obj) => Object(obj) !== obj ? __typeError$1('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
+var _error_dec$1, _loading_dec$1, _blogPost_dec, _slug_dec$1, _a$1, _BlogViewer_decorators, _init$1, _slug$1, _blogPost, _loading$1, _error$1;
+const pipeline$1 = new MarkdownPipeline({
+  imagePathPrefix: "images/",
+  styleOptions: {
+    classPrefix: "md-",
+    addHeadingIds: true
+  }
+});
+_BlogViewer_decorators = [customElement("my-blog-viewer")];
+class BlogViewer extends (_a$1 = LitElement, _slug_dec$1 = [property({ type: String })], _blogPost_dec = [state()], _loading_dec$1 = [state()], _error_dec$1 = [state()], _a$1) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$1(this, _slug$1, __runInitializers$1(_init$1, 8, this, "")), __runInitializers$1(_init$1, 11, this);
+    __privateAdd$1(this, _blogPost, __runInitializers$1(_init$1, 12, this, null)), __runInitializers$1(_init$1, 15, this);
+    __privateAdd$1(this, _loading$1, __runInitializers$1(_init$1, 16, this, true)), __runInitializers$1(_init$1, 19, this);
+    __privateAdd$1(this, _error$1, __runInitializers$1(_init$1, 20, this, "")), __runInitializers$1(_init$1, 23, this);
+  }
+  get apiBaseUrl() {
+    return this.getAttribute("api-url") || this.getAttribute("base-url") || window.__VITE_API_URL__ || __vite_import_meta_env__?.VITE_API_URL || (typeof window !== "undefined" ? window.location.origin : "");
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.slug) {
+      this.loadBlog();
+    }
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("slug") && this.slug) {
+      this.loadBlog();
+    }
+  }
+  loadBlog() {
+    this.loading = true;
+    this.error = "";
+    console.log("[BlogViewer] Loading blog:", this.slug);
+    const url = `${this.apiBaseUrl}/api/blogs/${this.slug}`;
+    fetch(url).then((res) => {
+      console.log("[BlogViewer] Response status:", res.status, "from:", url);
+      if (res.ok) return res.json();
+      throw new Error(`Failed to load blog: ${res.statusText}`);
+    }).then((blog) => {
+      console.log("[BlogViewer] Found blog:", blog?.title, "slug:", blog?.slug);
+      if (blog && blog.content) {
+        this.blogPost = blog;
+      } else {
+        this.error = "Blog content not found";
+      }
+      this.loading = false;
+    }).catch((e) => {
+      console.error("[BlogViewer] Failed to load blog:", e);
+      this.error = "Failed to load blog";
+      this.loading = false;
+    });
+  }
+  render() {
+    if (this.loading) {
+      return html`<div class="blog-viewer"><div class="loading">Loading...</div></div>`;
+    }
+    if (this.error) {
+      return html`<div class="blog-viewer"><div class="error">${this.error}</div></div>`;
+    }
+    if (!this.blogPost) {
+      return html`<div class="blog-viewer"><div class="error">Blog not found</div></div>`;
+    }
+    const { title, date, tags, content } = this.blogPost;
+    return html`
+      <article class="blog-viewer">
+        <h1>${title}</h1>
+        <div class="meta">
+          <span>${date}</span>
+        </div>
+        ${tags?.length ? html`
+          <div class="tags">
+            ${tags.map((tag) => html`<span class="tag">${tag}</span>`)}
+          </div>
+        ` : ""}
+        <div class="content" .innerHTML=${this.renderMarkdown(content)}></div>
+      </article>
+    `;
+  }
+  renderMarkdown(content) {
+    if (!content) return "";
+    const nodes = pipeline$1.parse(content);
+    return pipeline$1.render(nodes);
+  }
+}
+_init$1 = __decoratorStart$1(_a$1);
+_slug$1 = /* @__PURE__ */ new WeakMap();
+_blogPost = /* @__PURE__ */ new WeakMap();
+_loading$1 = /* @__PURE__ */ new WeakMap();
+_error$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$1(_init$1, 4, "slug", _slug_dec$1, BlogViewer, _slug$1);
+__decorateElement$1(_init$1, 4, "blogPost", _blogPost_dec, BlogViewer, _blogPost);
+__decorateElement$1(_init$1, 4, "loading", _loading_dec$1, BlogViewer, _loading$1);
+__decorateElement$1(_init$1, 4, "error", _error_dec$1, BlogViewer, _error$1);
+BlogViewer = __decorateElement$1(_init$1, 0, "BlogViewer", _BlogViewer_decorators, BlogViewer);
+BlogViewer.styles = blogviewerStyles;
+__runInitializers$1(_init$1, 1, BlogViewer);
+const storyviewerStyles = css`
+:host {
+  display: block;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.loading {
+  text-align: center;
+  padding: 2rem;
+}
+
+.error {
+  color: red;
+  text-align: center;
+  padding: 2rem;
+}
+
+h1 {
+  margin-bottom: 0.5rem;
+}
+
+.meta {
+  color: #666;
+  margin-bottom: 2rem;
+}
+
+.tags {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-top: 1rem;
+}
+
+.tag {
+  background: var(--nav-link-hover-bg, #f0f0f0);
+  color: var(--text-color, #333);
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+  border: 1px solid var(--border-color, transparent);
+}
+
+.content {
+  line-height: 1.8;
+  text-align: left;
+}
+
+.content h1, .content h2, .content h3 {
+  margin-top: 1.5rem;
+}
+`;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)];
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _error_dec, _loading_dec, _storyPost_dec, _slug_dec, _a, _StoryViewer_decorators, _init, _slug, _storyPost, _loading, _error;
+const pipeline = new MarkdownPipeline({
+  imagePathPrefix: "images/",
+  styleOptions: {
+    classPrefix: "md-",
+    addHeadingIds: true
+  }
+});
+_StoryViewer_decorators = [customElement("my-story-viewer")];
+class StoryViewer extends (_a = LitElement, _slug_dec = [property({ type: String })], _storyPost_dec = [state()], _loading_dec = [state()], _error_dec = [state()], _a) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _slug, __runInitializers(_init, 8, this, "")), __runInitializers(_init, 11, this);
+    __privateAdd(this, _storyPost, __runInitializers(_init, 12, this, null)), __runInitializers(_init, 15, this);
+    __privateAdd(this, _loading, __runInitializers(_init, 16, this, true)), __runInitializers(_init, 19, this);
+    __privateAdd(this, _error, __runInitializers(_init, 20, this, "")), __runInitializers(_init, 23, this);
+  }
+  get apiBaseUrl() {
+    return this.getAttribute("api-url") || window.__VITE_API_URL__ || void 0 || "https://api.exampledomain.com";
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    if (this.slug) {
+      await this.loadStory();
+    }
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("slug") && this.slug) {
+      this.loadStory();
+    }
+  }
+  async loadStory() {
+    this.loading = true;
+    this.error = "";
+    try {
+      const res = await fetch(`${this.apiBaseUrl}/api/stories/${this.slug}`);
+      if (res.ok) {
+        const story = await res.json();
+        if (story && story.content) {
+          this.storyPost = story;
+        } else {
+          this.error = "Story content not found";
+        }
+      } else {
+        this.error = "Story not found";
+      }
+    } catch (e) {
+      this.error = "Failed to load story";
+    }
+    this.loading = false;
+  }
+  render() {
+    if (this.loading) {
+      return html`<div class="loading">Loading...</div>`;
+    }
+    if (this.error) {
+      return html`<div class="error">${this.error}</div>`;
+    }
+    if (!this.storyPost) {
+      return html`<div class="error">Story not found</div>`;
+    }
+    const { title, date, tags, content } = this.storyPost;
+    return html`
+      <article>
+        <h1>${title}</h1>
+        <div class="meta">
+          <span>${date}</span>
+        </div>
+        ${tags?.length ? html`
+          <div class="tags">
+            ${tags.map((tag) => html`<span class="tag">${tag}</span>`)}
+          </div>
+        ` : ""}
+        <div class="content" .innerHTML=${this.renderMarkdown(content)}></div>
+      </article>
+    `;
+  }
+  renderMarkdown(content) {
+    if (!content) return "";
+    const nodes = pipeline.parse(content);
+    return pipeline.render(nodes);
+  }
+}
+_init = __decoratorStart(_a);
+_slug = /* @__PURE__ */ new WeakMap();
+_storyPost = /* @__PURE__ */ new WeakMap();
+_loading = /* @__PURE__ */ new WeakMap();
+_error = /* @__PURE__ */ new WeakMap();
+__decorateElement(_init, 4, "slug", _slug_dec, StoryViewer, _slug);
+__decorateElement(_init, 4, "storyPost", _storyPost_dec, StoryViewer, _storyPost);
+__decorateElement(_init, 4, "loading", _loading_dec, StoryViewer, _loading);
+__decorateElement(_init, 4, "error", _error_dec, StoryViewer, _error);
+StoryViewer = __decorateElement(_init, 0, "StoryViewer", _StoryViewer_decorators, StoryViewer);
+StoryViewer.styles = storyviewerStyles;
+__runInitializers(_init, 1, StoryViewer);
+export {
+  AdminAboutMeSection as A,
+  BlogViewer as B,
+  FooterComponent as F,
+  MyAboutme as M,
+  StoryViewer as S,
+  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
+};