kempo 4.2.19 → 4.2.21

package/dist/admin/content/fragments/index.page.html

@@ -1,7 +1,88 @@
 <!--
 	locked: true
 -->
-<page title="Fragments - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Fragments</h1><k-permission has="system:fragments:create"><button id="createFragmentBtn" class="primary">Create Fragment</button></k-permission></div><h2>Custom Fragments</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom fragments have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:fragments:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extension Fragments</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension fragments installed."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System Fragments</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system fragments found."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listFragments, listDirectories, createFragment, deleteFragments, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Fragments - Admin">
+	<content>
+		<script type="module" src="/kempo-ui/components/Table.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcFirstPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPrevPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcNextPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcLastPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSelect.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSize.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteRecord.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteSelected.js"></script>
+		<script type="module" src="/kempo-ui/components/Icon.js"></script>
+		<script type="module" src="/admin/components/TableRowLink.js"></script>
+		<script type="module" src="/kempo/components/Permission.js"></script>
+
+		<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+			<h1 class="flex mb0">Fragments</h1>
+			<k-permission has="system:fragments:create">
+				<button id="createFragmentBtn" class="primary">Create Fragment</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Fragments</h2>
+		<k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom fragments have been created yet.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:fragments:delete">
+						<kc-tc-delete-selected></kc-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extension Fragments</h2>
+		<k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension fragments installed.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System Fragments</h2>
+		<k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system fragments found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listFragments, listDirectories, createFragment, deleteFragments, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -47,7 +128,7 @@
 			if(myPerms.has('system:fragments:delete')){
 				$customTable.setAttribute('request-delete', '');
 				$customTable.setAttribute('enable-selection', '');
-				const del = document.createElement('k-tc-delete-record');
+				const del = document.createElement('kc-tc-delete-record');
 				del.setAttribute('slot', 'after');
 				$customTable.appendChild(del);
 			}
@@ -166,4 +247,8 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>
+

package/dist/admin/content/globals/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Global Content - Admin"><content><admin-global-content-editor></admin-global-content-editor></content><content location="head"><script type="module" src="/admin/components/GlobalContentEditor.js"></script></content></page>
+<page title="Edit Global Content - Admin">
+	<content>
+		<admin-global-content-editor></admin-global-content-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/GlobalContentEditor.js"></script>
+	</content>
+</page>

package/dist/admin/content/globals/index.page.html

@@ -1,7 +1,89 @@
 <!--
 	locked: true
 -->
-<page title="Global Content - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Global Content</h1><k-permission has="system:globals:create"><button id="createGlobalBtn" class="primary">Create Global Content</button></k-permission></div><h2>Custom</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom global content has been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:globals:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extensions</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension global content installed."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system global content found."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listGlobalContent, listTemplates, createGlobalContent, deleteGlobalContent, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Global Content - Admin">
+	<content>
+		<script type="module" src="/kempo-ui/components/Table.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcFirstPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPrevPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcNextPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcLastPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSelect.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSize.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteRecord.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteSelected.js"></script>
+		<script type="module" src="/kempo-ui/components/Icon.js"></script>
+		<script type="module" src="/kempo-ui/components/Combobox.js"></script>
+		<script type="module" src="/admin/components/TableRowLink.js"></script>
+		<script type="module" src="/kempo/components/Permission.js"></script>
+
+		<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+			<h1 class="flex mb0">Global Content</h1>
+			<k-permission has="system:globals:create">
+				<button id="createGlobalBtn" class="primary">Create Global Content</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom</h2>
+		<k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom global content has been created yet.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:globals:delete">
+						<kc-tc-delete-selected></kc-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extensions</h2>
+		<k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension global content installed.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System</h2>
+		<k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system global content found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listGlobalContent, listTemplates, listFragments, createGlobalContent, deleteGlobalContent, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -49,7 +131,7 @@
 			if(myPerms.has('system:globals:delete')){
 				$customTable.setAttribute('request-delete', '');
 				$customTable.setAttribute('enable-selection', '');
-				const del = document.createElement('k-tc-delete-record');
+				const del = document.createElement('kc-tc-delete-record');
 				del.setAttribute('slot', 'after');
 				$customTable.appendChild(del);
 			}
@@ -86,7 +168,7 @@
 			*/
 
 			document.getElementById('createGlobalBtn')?.addEventListener('click', async () => {
-				const [tplError, tplData] = await listTemplates();
+				const [[tplError, tplData], [fragError, fragData]] = await Promise.all([listTemplates(), listFragments()]);
 				const locations = new Set();
 				if(!tplError && tplData?.templates){
 					for(const t of tplData.templates){
@@ -95,6 +177,11 @@
 						}
 					}
 				}
+				if(!fragError && fragData?.fragments){
+					for(const f of fragData.fragments){
+						for(const loc of (f.locations || [])) locations.add(loc);
+					}
+				}
 				const locationOptions = [...locations].sort();
 
 				const $dialog = Dialog.create(html`
@@ -105,10 +192,7 @@
 						</div>
 						<div class="mb">
 							<label class="d-b mb-sm">Location</label>
-							<input type="text" id="dlg-location" class="full" list="dlg-location-list" placeholder="scripts" required>
-							<datalist id="dlg-location-list">
-								${locationOptions.map(l => html`<option value="${l}">`)}
-							</datalist>
+							<div id="dlg-location-wrap"></div>
 							<p class="mt-sm muted"><small>The template location to inject this content into.</small></p>
 						</div>
 						<div>
@@ -149,4 +233,15 @@
 					},
 					cancelText: 'Cancel'
 				});
-			});</script></content></page>
+
+				const $combobox = document.createElement('k-combobox');
+				$combobox.id = 'dlg-location';
+				$combobox.className = 'full';
+				$combobox.setAttribute('placeholder', 'scripts');
+				$combobox.setOptions(locationOptions);
+				$dialog.querySelector('#dlg-location-wrap').appendChild($combobox);
+			});
+		</script>
+	</content>
+</page>
+

package/dist/admin/content/pages/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Page - Admin"><content><admin-page-editor></admin-page-editor></content><content location="head"><script type="module" src="/admin/components/PageEditor.js"></script></content></page>
+<page title="Edit Page - Admin">
+	<content>
+		<admin-page-editor></admin-page-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/PageEditor.js"></script>
+	</content>
+</page>

package/dist/admin/content/pages/index.page.html

@@ -1,7 +1,174 @@
 <!--
 	locked: true
 -->
-<page title="Pages - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Pages</h1><k-permission has="system:pages:create"><button id="createPageBtn" class="primary">Create Page</button></k-permission></div><h2>Custom Pages</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom pages have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:pages:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extension Pages</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension pages installed."><admin-table-row-link slot="before" url-pattern="/admin/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System Pages</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system pages found."><admin-table-row-link slot="before" url-pattern="/admin/pages/edit?path={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listPages, listTemplates, listDirectories, createPage, deletePages, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Pages - Admin">
+	<content>
+		<script
+			type="module"
+			src="/kempo-ui/components/Table.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcFirstPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcPrevPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcNextPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcLastPage.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcPageSelect.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcPageSize.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcDeleteRecord.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/controls/TcDeleteSelected.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo-ui/components/Icon.js"
+		></script>
+		<script
+			type="module"
+			src="/admin/components/TableRowLink.js"
+		></script>
+		<script
+			type="module"
+			src="/kempo/components/Permission.js"
+		></script>
+		<div class="d-f mb">
+			<h1 class="flex mb0">Pages</h1>
+			<div class="flex"></div>
+			<div>
+				<span id="scanInfo" class="muted"></span>
+				<button id="rescanBtn">Rescan</button>
+				<k-permission has="system:pages:create">
+					<button
+						id="createPageBtn"
+						class="primary"
+					>Create Page</button>
+				</k-permission>
+			</div>
+		</div>
+
+		<h2>Custom Pages</h2>
+		<k-table
+			id="customTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No custom pages have been created yet."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				slot="top"
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<k-permission has="system:pages:delete">
+						<kc-tc-delete-selected></kc-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extension Pages</h2>
+		<k-table
+			id="extensionTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No extension pages installed."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System Pages</h2>
+		<k-table
+			id="systemTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No system pages found."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/pages/edit?path={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div
+				class="d-f full"
+				style="align-items: center;"
+			>
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listPages, rescanPages, listTemplates, listDirectories, createPage, deletePages, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -12,7 +179,7 @@
 			const myPerms = new Set(permData?.permissions ?? []);
 
 			const fields = [
-				{ name: 'lockedBadge', label: '', size: 40, formatter: v => v },
+				{ name: 'locked', label: '', size: 40, calculator: r => r.locked ? html`<k-icon name="lock"></k-icon>` : html`` },
 				{ name: 'name', label: 'Name', size: 200 },
 				{ name: 'url', label: 'URL', size: 250 },
 				{ name: 'author', label: 'Author', size: 150 },
@@ -30,39 +197,66 @@
 			const $extensionTable = document.getElementById('extensionTable');
 			const $systemTable = document.getElementById('systemTable');
 
-			const loadPages = async () => {
-				const [error, data] = await listPages();
+			const $scanInfo = document.getElementById('scanInfo');
+			const $rescanBtn = document.getElementById('rescanBtn');
+			let scannedAt = null;
+
+			const formatAge = ts => {
+				const s = Math.floor((Date.now() - ts) / 1000);
+				if(s < 60) return `${s}s ago`;
+				if(s < 3600) return `${Math.floor(s / 60)}m ago`;
+				return `${Math.floor(s / 3600)}h ago`;
+			};
+
+			const updateScanInfo = () => {
+				$scanInfo.textContent = scannedAt ? `Scanned ${formatAge(scannedAt)}` : '';
+			};
+
+			setInterval(updateScanInfo, 1000);
+
+			const toEditPath = p => ({ ...p, editPath: p.file.replace(/\.page\.html$/, '') });
+
+			const initTable = async ($table, tableFields, owner) => {
+				const [error, data] = await listPages({ owner, showHidden: false, offset: 0, limit: 25 });
 				if(error){
 					Toast.error(error.msg || 'Failed to load pages');
-					return;
+					return null;
 				}
-				const toEditPath = p => ({ ...p, editPath: p.file.replace(/\.page\.html$/, ''), lockedBadge: p.locked ? '<k-icon name="lock"></k-icon>' : '' });
-				const sortPages = pages => pages.slice().sort((a, b) => {
-					const aPath = a.file.replace(/\.page\.html$/, '');
-					const bPath = b.file.replace(/\.page\.html$/, '');
-					const aDir = aPath.includes('/') ? aPath.split('/').slice(0, -1).join('/') : '';
-					const bDir = bPath.includes('/') ? bPath.split('/').slice(0, -1).join('/') : '';
-					if(aPath === 'index' || aPath === '') return -1;
-					if(bPath === 'index' || bPath === '') return 1;
-					if(aDir !== bDir){
-						if(!aDir) return -1;
-						if(!bDir) return 1;
-						return aDir.localeCompare(bDir);
-					}
-					return aPath.localeCompare(bPath);
-				});
-				const custom = sortPages(data.pages.filter(p => p.owner === 'custom').map(toEditPath));
-				const extension = sortPages(data.pages.filter(p => p.owner !== 'custom' && p.owner !== 'system').map(toEditPath));
-				const system = sortPages(data.pages.filter(p => p.owner === 'system').map(toEditPath));
-				$customTable.setData({ records: custom, fields });
-				$extensionTable.setData({ records: extension, fields: extensionFields });
-				$systemTable.setData({ records: system, fields });
+				$table.setData({ records: data.pages.map(toEditPath), fields: tableFields });
+				if(data.total > data.pages.length){
+					$table.setupFetchRecords(data.total, async (start, count) => {
+						const [, d] = await listPages({ owner, showHidden: false, offset: start, limit: count });
+						return (d?.pages || []).map(toEditPath);
+					});
+				}
+				return data.scannedAt;
+			};
+
+			const loadPages = async () => {
+				const results = await Promise.all([
+					initTable($customTable, fields, 'custom'),
+					initTable($extensionTable, extensionFields, 'extension'),
+					initTable($systemTable, fields, 'system')
+				]);
+				scannedAt = results.find(r => r != null) ?? null;
+				updateScanInfo();
 			};
 
+			$rescanBtn.addEventListener('click', async () => {
+				$rescanBtn.disabled = true;
+				const [error] = await rescanPages();
+				if(error){
+					$rescanBtn.disabled = false;
+					Toast.error(error.msg || 'Rescan failed');
+					return;
+				}
+				window.location.reload();
+			});
+
 			if(myPerms.has('system:pages:delete')){
 				$customTable.setAttribute('request-delete', '');
 				$customTable.setAttribute('enable-selection', '');
-				const del = document.createElement('k-tc-delete-record');
+				const del = document.createElement('kc-tc-delete-record');
 				del.setAttribute('slot', 'after');
 				$customTable.appendChild(del);
 			}
@@ -215,4 +409,7 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>

package/dist/admin/content/templates/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Template - Admin"><content><admin-template-editor></admin-template-editor></content><content location="head"><script type="module" src="/admin/components/TemplateEditor.js"></script></content></page>
+<page title="Edit Template - Admin">
+	<content>
+		<admin-template-editor></admin-template-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/TemplateEditor.js"></script>
+	</content>
+</page>