@leadertechie/personal-site-kit 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/api/handlers/auth-handler.d.ts

@@ -0,0 +1,2 @@
+export declare function handleAuth(request: Request, env: any, subpath: string): Promise<Response>;
+//# sourceMappingURL=auth-handler.d.ts.map

package/dist/api/handlers/auth-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-handler.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/auth-handler.ts"],"names":[],"mappings":"AAkBA,wBAAsB,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkC/F"}

package/dist/api/handlers/auth.d.ts

@@ -0,0 +1,23 @@
+declare const AUTH_KV = "auth_store";
+declare const RATE_LIMIT_KV = "rate_limit";
+declare const MAX_ATTEMPTS = 5;
+declare const BASE_DELAY_MS = 1000;
+interface AuthStore {
+    username: string;
+    passwordHash: string;
+    salt: string;
+}
+declare function hashPassword(password: string, salt: string): Promise<string>;
+declare function generateSalt(): Promise<string>;
+declare function checkRateLimit(env: any, ip: string): Promise<{
+    allowed: boolean;
+    delayMs: number;
+}>;
+declare function recordFailedAttempt(env: any, ip: string): Promise<void>;
+declare function clearRateLimit(env: any, ip: string): Promise<void>;
+declare function getAuthStore(env: any): Promise<AuthStore | null>;
+declare function setupAuth(env: any, username: string, password: string): Promise<void>;
+declare function verifyCredentials(env: any, username: string, password: string): Promise<boolean>;
+declare function getClientIP(request: Request): string;
+export { hashPassword, generateSalt, checkRateLimit, recordFailedAttempt, clearRateLimit, getAuthStore, setupAuth, verifyCredentials, getClientIP, AUTH_KV, RATE_LIMIT_KV, MAX_ATTEMPTS, BASE_DELAY_MS };
+//# sourceMappingURL=auth.d.ts.map

package/dist/api/handlers/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/auth.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO,eAAe,CAAC;AAC7B,QAAA,MAAM,aAAa,eAAe,CAAC;AACnC,QAAA,MAAM,YAAY,IAAI,CAAC;AACvB,QAAA,MAAM,aAAa,OAAO,CAAC;AAG3B,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAQD,iBAAe,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAuB3E;AAED,iBAAe,YAAY,IAAI,OAAO,CAAC,MAAM,CAAC,CAG7C;AAED,iBAAe,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CA2BlG;AAED,iBAAe,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAqBtE;AAED,iBAAe,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGjE;AAED,iBAAe,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAG/D;AAED,iBAAe,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CASpF;AAED,iBAAe,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAa/F;AAED,iBAAS,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,CAI7C;AAED,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,aAAa,EACd,CAAC"}

package/dist/api/handlers/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/content.ts"],"names":[],"mappings":"AAEA,wBAAsB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAqElG"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/content.ts"],"names":[],"mappings":"AAkBA,wBAAsB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAiElG"}

package/dist/api/index.d.ts

@@ -1,6 +1,8 @@
 import { WebsiteAPI } from './website-api';
 export { WebsiteAPI };
 export type { APIHandler } from './website-api';
+export * from './handlers/auth';
+export * from './handlers/auth-handler';
 declare const defaultAPI: WebsiteAPI;
 export default defaultAPI;
 //# sourceMappingURL=index.d.ts.map

package/dist/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,UAAU,YAAmB,CAAC;AACpC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AAGxC,QAAA,MAAM,UAAU,YAAmB,CAAC;AACpC,eAAe,UAAU,CAAC"}

package/dist/api/website-api.d.ts

@@ -3,8 +3,8 @@ export declare class WebsiteAPI {
     private customHandlers;
     registerHandler(route: string, handler: APIHandler): void;
     private addCORSHeaders;
+    private addAdminCORSHeaders;
     private handleCORS;
-    private requireAuth;
     fetch(request: Request, env: any): Promise<Response>;
 }
 //# sourceMappingURL=website-api.d.ts.map

package/dist/api/website-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"website-api.d.ts","sourceRoot":"","sources":["../../src/api/website-api.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE3E,qBAAa,UAAU;IACrB,OAAO,CAAC,cAAc,CAAiC;IAEhD,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IAIzD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,WAAW;IAYN,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CA0ElE"}
+{"version":3,"file":"website-api.d.ts","sourceRoot":"","sources":["../../src/api/website-api.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE3E,qBAAa,UAAU;IACrB,OAAO,CAAC,cAAc,CAAiC;IAEhD,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IAIzD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,UAAU;IAYL,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CAkFlE"}

package/dist/api.js

@@ -1,6 +1,21 @@
-import { W as WebsiteAPI } from "./chunks/website-api-CVsi-OLc.js";
+import { W as WebsiteAPI } from "./chunks/website-api-DI3muo2s.js";
+import { A, B, M, R, c, a, g, b, d, h, e, r, s, v } from "./chunks/website-api-DI3muo2s.js";
 const defaultAPI = new WebsiteAPI();
 export {
+  A as AUTH_KV,
+  B as BASE_DELAY_MS,
+  M as MAX_ATTEMPTS,
+  R as RATE_LIMIT_KV,
   WebsiteAPI,
-  defaultAPI as default
+  c as checkRateLimit,
+  a as clearRateLimit,
+  defaultAPI as default,
+  g as generateSalt,
+  b as getAuthStore,
+  d as getClientIP,
+  h as handleAuth,
+  e as hashPassword,
+  r as recordFailedAttempt,
+  s as setupAuth,
+  v as verifyCredentials
 };

package/dist/chunks/{index-VimKeB5W.js → index-C3wLSCKU.js}

@@ -564,38 +564,151 @@ var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "rea
 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 _staticDetails_dec, _activeSection_dec, _statusMessage_dec, _contentList_dec, _isAuthenticated_dec, _apiKey_dec, _a$4, _AdminPortal_decorators, _init$4, _apiKey, _isAuthenticated, _contentList, _statusMessage, _activeSection, _staticDetails;
-console.log("[AdminPortal] Module loading");
-console.log("[AdminPortal] About to define custom element");
+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, _apiKey_dec = [state()], _isAuthenticated_dec = [state()], _contentList_dec = [state()], _statusMessage_dec = [state()], _activeSection_dec = [state()], _staticDetails_dec = [state()], _a$4) {
+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(...arguments);
-    __privateAdd$3(this, _apiKey, __runInitializers$4(_init$4, 8, this, "")), __runInitializers$4(_init$4, 11, this);
-    __privateAdd$3(this, _isAuthenticated, __runInitializers$4(_init$4, 12, this, false)), __runInitializers$4(_init$4, 15, this);
-    __privateAdd$3(this, _contentList, __runInitializers$4(_init$4, 16, this, [])), __runInitializers$4(_init$4, 19, this);
-    __privateAdd$3(this, _statusMessage, __runInitializers$4(_init$4, 20, this, "")), __runInitializers$4(_init$4, 23, this);
-    __privateAdd$3(this, _activeSection, __runInitializers$4(_init$4, 24, this, "profile")), __runInitializers$4(_init$4, 27, this);
-    __privateAdd$3(this, _staticDetails, __runInitializers$4(_init$4, 28, this, {})), __runInitializers$4(_init$4, 31, this);
+    __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);
   }
   get apiUrl() {
     return window.__VITE_API_URL__ || void 0 || "http://localhost:8787";
   }
-  handleLogin(e2) {
+  async connectedCallback() {
+    super.connectedCallback();
+    await this.checkAuthStatus();
+  }
+  async checkAuthStatus() {
+    try {
+      const res = await fetch(`${this.apiUrl}/auth/status`, {
+        credentials: "include"
+      });
+      if (res.ok) {
+        const status = await res.json();
+        this.isSetup = status.configured;
+        if (status.configured) {
+          await this.tryAutoLogin();
+        } else {
+          this.isLoading = false;
+        }
+      } else {
+        this.isSetup = false;
+        this.isLoading = false;
+      }
+    } catch (e2) {
+      this.isSetup = false;
+      this.isLoading = false;
+    }
+  }
+  async tryAutoLogin() {
+    try {
+      const res = await fetch(`${this.apiUrl}/content`, {
+        credentials: "include"
+      });
+      if (res.ok) {
+        this.contentList = await res.json();
+        this.isAuthenticated = true;
+      }
+    } catch (e2) {
+    }
+    this.isLoading = false;
+  }
+  async handleLogin(e2) {
     e2.preventDefault();
-    const input = this.shadowRoot?.querySelector("#apiKey");
-    if (input.value) {
-      this.apiKey = input.value;
-      this.isAuthenticated = true;
-      this.fetchContent();
+    this.loginError = "";
+    const usernameInput = this.shadowRoot?.querySelector("#username");
+    const passwordInput = this.shadowRoot?.querySelector("#password");
+    if (!usernameInput?.value || !passwordInput?.value) {
+      this.loginError = "Username and password required";
+      return;
+    }
+    try {
+      const res = await fetch(`${this.apiUrl}/auth/login`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          username: usernameInput.value,
+          password: passwordInput.value
+        })
+      });
+      if (res.ok) {
+        this.isAuthenticated = true;
+        await this.fetchContent();
+      } else {
+        const data = await res.json();
+        this.loginError = data.error || "Login failed";
+      }
+    } catch (e22) {
+      this.loginError = "Connection error";
+    }
+  }
+  async handleSetup(e2) {
+    e2.preventDefault();
+    this.loginError = "";
+    const usernameInput = this.shadowRoot?.querySelector("#username");
+    const passwordInput = this.shadowRoot?.querySelector("#password");
+    const confirmInput = this.shadowRoot?.querySelector("#confirmPassword");
+    if (!usernameInput?.value || !passwordInput?.value) {
+      this.loginError = "Username and password required";
+      return;
+    }
+    if (usernameInput.value.length < 3) {
+      this.loginError = "Username must be at least 3 characters";
+      return;
+    }
+    if (passwordInput.value.length < 8) {
+      this.loginError = "Password must be at least 8 characters";
+      return;
+    }
+    if (passwordInput.value !== confirmInput?.value) {
+      this.loginError = "Passwords do not match";
+      return;
+    }
+    try {
+      const res = await fetch(`${this.apiUrl}/auth/setup`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          username: usernameInput.value,
+          password: passwordInput.value
+        })
+      });
+      if (res.ok) {
+        this.isAuthenticated = true;
+        this.isSetup = true;
+        await this.fetchContent();
+      } else {
+        const data = await res.json();
+        this.loginError = data.error || "Setup failed";
+      }
+    } catch (e22) {
+      this.loginError = "Connection error";
     }
   }
+  async handleLogout() {
+    try {
+      await fetch(`${this.apiUrl}/auth/logout`, {
+        method: "POST",
+        credentials: "include"
+      });
+    } catch (e2) {
+    }
+    this.isAuthenticated = false;
+    this.contentList = [];
+  }
   async fetchContent() {
     try {
       const res = await fetch(`${this.apiUrl}/content`, {
-        headers: {
-          "Authorization": `Bearer ${this.apiKey}`
-        }
+        credentials: "include"
       });
       if (res.ok) {
         this.contentList = await res.json();
@@ -608,7 +721,9 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
   }
   async fetchStaticDetails() {
     try {
-      const res = await fetch(`${this.apiUrl}/api/static`);
+      const res = await fetch(`${this.apiUrl}/static`, {
+        credentials: "include"
+      });
       if (res.ok) {
         this.staticDetails = await res.json();
       }
@@ -620,9 +735,7 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
       this.statusMessage = "Uploading...";
       const res = await fetch(`${this.apiUrl}/content/${key}`, {
         method: "PUT",
-        headers: {
-          "Authorization": `Bearer ${this.apiKey}`
-        },
+        credentials: "include",
         body: file
       });
       if (res.ok) {
@@ -640,9 +753,7 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
       this.statusMessage = "Clearing cache...";
       const res = await fetch(`${this.apiUrl}/cache-clear`, {
         method: "POST",
-        headers: {
-          "Authorization": `Bearer ${this.apiKey}`
-        }
+        credentials: "include"
       });
       if (res.ok) {
         this.statusMessage = "Cache cleared!";
@@ -658,9 +769,7 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
     try {
       const res = await fetch(`${this.apiUrl}/content/${key}`, {
         method: "DELETE",
-        headers: {
-          "Authorization": `Bearer ${this.apiKey}`
-        }
+        credentials: "include"
       });
       if (res.ok) {
         this.fetchContent();
@@ -677,6 +786,39 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
   getSectionFiles(prefix) {
     return this.contentList.filter((c2) => c2.key.startsWith(prefix));
   }
+  renderLoginForm() {
+    return html`
+      <div class="container">
+        <div class="login-box">
+          <h2>Admin Setup</h2>
+          <p>Create your admin credentials</p>
+          <form @submit=${this.handleSetup}>
+            <input type="text" id="username" placeholder="Username (3+ chars)" />
+            <input type="password" id="password" placeholder="Password (8+ chars)" />
+            <input type="password" id="confirmPassword" placeholder="Confirm Password" />
+            ${this.loginError ? html`<div class="error-message">${this.loginError}</div>` : ""}
+            <button type="submit" class="btn-primary">Create Account</button>
+          </form>
+        </div>
+      </div>
+    `;
+  }
+  renderLogin() {
+    return html`
+      <div class="container">
+        <div class="login-box">
+          <h2>Admin Login</h2>
+          <p>Enter your credentials</p>
+          <form @submit=${this.handleLogin}>
+            <input type="text" id="username" placeholder="Username" autocomplete="username" />
+            <input type="password" id="password" placeholder="Password" autocomplete="current-password" />
+            ${this.loginError ? html`<div class="error-message">${this.loginError}</div>` : ""}
+            <button type="submit" class="btn-primary">Login</button>
+          </form>
+        </div>
+      </div>
+    `;
+  }
   renderHomeSection() {
     const home = this.getContent("home.md");
     return html`
@@ -875,67 +1017,6 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
       </div>
     `;
   }
-  render() {
-    if (!this.isAuthenticated) {
-      return html`
-        <div class="container">
-          <div class="login-box">
-            <h2>Admin Login</h2>
-            <p>Enter your API key to manage content</p>
-            <form @submit=${this.handleLogin}>
-              <input type="password" id="apiKey" placeholder="API Key" />
-              <button type="submit" class="btn-primary">Login</button>
-            </form>
-          </div>
-        </div>
-      `;
-    }
-    return html`
-      <div class="container">
-        <div class="header">
-          <h1>Content Manager</h1>
-          <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>
-    `;
-  }
   renderStaticSection() {
     return html`
       <div class="section">
@@ -983,7 +1064,8 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
         const url = `${this.apiUrl}/content/staticdetails.json`;
         const res = await fetch(url, {
           method: "PUT",
-          headers: { "Authorization": `Bearer ${this.apiKey}`, "Content-Type": "application/json" },
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
           body: JSON.stringify(data)
         });
         if (res.ok) {
@@ -999,20 +1081,81 @@ class AdminPortal extends (_a$4 = LitElement, _apiKey_dec = [state()], _isAuthen
       </div>
     `;
   }
+  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);
-_apiKey = /* @__PURE__ */ new WeakMap();
 _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();
-__decorateElement$4(_init$4, 4, "apiKey", _apiKey_dec, AdminPortal, _apiKey);
+_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);