diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 5271219..0440aa2 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -24,33 +24,29 @@
+
+
-
-
🔒 Private
-
Only you have access
+
General Access
+
+
+
+
-
-
-
-
- 🌐 Publish to web
-
-
-
- Anyone with the link can view.
-
-
-
-
+
+
Invite
@@ -63,6 +59,38 @@
+
+
+
+
+
+
+
+
🌐 Publish to web
+
Make this page visible to anyone on the internet.
+
+
+
+
+
+
+
+
+
+
+
@@ -217,8 +245,9 @@ function editor(pid,title,fmt,raw,favorited){
const self={
pid,pageTitle:title,blocks:[],dirty:false,saving:false,lastSaved:'',st:null,
fmt:{open:false,top:0,left:0,idx:-1},
- shareOpen:false,moreOpen:false,gsMoreOpen:false,
+ shareOpen:false,moreOpen:false,gsMoreOpen:false,accessMenuOpen:false,
favorited:!!favorited,pagePublished:false,
+ generalAccess:'invited',
pageUrl:window.location.href,publishedUrl:'',
inviteEmail:'',invitePermission:'editor',accessList:[],
diff --git a/static/css/app.css b/static/css/app.css
index 5bf8f1a..75c1bba 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2254,6 +2254,28 @@ input, select, textarea { font-family: inherit; color: inherit; }
}
.share-dd-btn:hover { opacity: 0.9; }
+/* ── General Access dropdown ── */
+.share-access-btn {
+ width: 100%; display: flex; align-items: center; justify-content: space-between;
+ padding: 8px 12px; background: var(--bg-primary);
+ border: 1px solid var(--border); border-radius: 6px;
+ color: var(--text-primary); font-size: 13px; cursor: pointer;
+ margin-top: 4px;
+}
+.share-access-btn:hover { background: var(--bg-hover); }
+.share-access-btn .chevron-down { font-size: 10px; opacity: 0.5; }
+.share-access-menu {
+ position: absolute; top: 100%; left: 0; right: 0; margin-top: 2px;
+ background: var(--bg-primary); border: 1px solid var(--border);
+ border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+ z-index: 210; padding: 4px 0;
+}
+.share-access-option {
+ padding: 8px 14px; font-size: 13px; color: var(--text-primary);
+ cursor: pointer; display: flex; align-items: center; gap: 8px;
+}
+.share-access-option:hover { background: var(--bg-hover); }
+
/* ── More menu dropdown ── */
.more-menu {
position: absolute; top: calc(100% + 4px); right: 0;