kempo 4.2.19 → 4.2.21

package/app-public/CATCH.page.html

@@ -0,0 +1,15 @@
+<!--
+  owner: system
+  name: Not Found
+  title: 404 — Not Found
+  description: Page not found
+-->
+<page template="default" title="404 — Not Found">
+<content>
+<main class="container py ta-center">
+	<h1 style="font-size:6rem;margin-bottom:0">404</h1>
+	<p class="large tc-muted">Page not found</p>
+	<a href="{{pathToRoot}}">Go back home</a>
+</main>
+</content>
+</page>

package/app-public/kempo-global.global.html

@@ -1,6 +0,0 @@
-<content id="25d548d5-d75d-49ab-9018-4724abda1805" name="hello world script" owner="custom" author="Copilot Admin" created="2026-04-17T00:44:15.891Z" updated="2026-04-17T00:45:00.331Z" locked="false" location="scripts" priority="100">
-<script>console.log('Hello World');</script>
-</content>
-<content id="bb0e979c-39e5-4d5e-a78c-ea49d1334144" name="foobar" owner="custom" author="Copilot Admin" created="2026-04-17T00:45:31.328Z" updated="2026-04-17T00:46:31.983Z" locked="false" location="head" priority="101">
-<script>console.log('foobar')</script>
-</content>

package/bin/cli.js

@@ -289,18 +289,6 @@ if(!useDefaults){
   }
 }
 
-let wantsDrizzleStudio = false;
-
-if(!useDefaults){
-  const { drizzleStudio } = await inquirer.prompt([{
-    type: 'confirm',
-    name: 'drizzleStudio',
-    message: 'Would you like to install drizzle-studio? It is used for interacting with the database during development, not recommended for production.',
-    default: true
-  }]);
-  wantsDrizzleStudio = drizzleStudio;
-}
-
 /*
   Step 3: Scaffold project files
 */
@@ -309,19 +297,15 @@ console.log('\n--- Scaffolding project files ---\n');
 
 const pkgPath = join(projectDir, 'package.json');
 if(!existsSync(pkgPath)){
-  const scripts = {
-    dev: 'kempo-server --root public --port 9876',
-    start: 'kempo-server --root public --port 9876'
-  };
-  if(wantsDrizzleStudio){
-    scripts['db:studio'] = 'drizzle-kit studio';
-  }
   writeFileSync(pkgPath, JSON.stringify({
     name: projectName,
     version: '1.0.0',
     type: 'module',
     private: true,
-    scripts
+    scripts: {
+      dev: 'kempo-server --root public --port 9876',
+      start: 'kempo-server --root public --port 9876'
+    }
   }, null, 2) + '\n');
   console.log('Created package.json');
 }
@@ -527,5 +511,4 @@ Next steps:
 Then open:
   http://localhost:9876        (your site)
   http://localhost:9876/admin  (admin panel)
-${wantsDrizzleStudio ? '\nTo view your database:\n  npm run db:studio\n' : ''}
 `);

package/dist/admin/accounts/groups/[name]/index.page.html

@@ -1,7 +1,113 @@
 <!--
 	locked: true
 -->
-<page title="Group - Admin"><content><script type="module" src="/kempo-ui/components/Icon.js"></script><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="/admin/components/tableControls/AddMember.js"></script><script type="module" src="/admin/components/tableControls/AddPermission.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><div class="mb d-f" style="align-items: flex-start; justify-content: space-between;"><div><a href="/admin/accounts/groups" class="no-link"><button class="mbh"><k-icon name="arrow" direction="left"></k-icon>Groups</button></a><h1 class="mb0" id="pageTitle">Group</h1></div><button id="saveBtn" class="primary" disabled="disabled" style="display:none;"><k-icon name="save"></k-icon>Save</button></div><div id="loading">Loading group...</div><div id="notFound" style="display: none;"><p>Group not found.</p><a href="/admin/accounts/groups">Back to Groups</a></div><div id="content" style="display: none;"><div class="card"><h2>Information</h2><div class="d-f mb"><label style="min-width: 120px;"><strong>Owner</strong></label> <span id="groupOwner"></span></div><div class="d-f mb"><label for="groupNameInput" style="min-width: 120px;"><strong>Name</strong></label> <input id="groupNameInput" style="max-width: 400px;"></div><div class="d-f mb"><label for="groupDescription" style="min-width: 120px;"><strong>Description</strong></label> <input id="groupDescription" style="max-width: 400px;"></div><div class="d-f mb"><label style="min-width: 120px;"><strong>Created</strong></label> <span id="groupCreatedAt"></span></div><div class="d-f mb"><label style="min-width: 120px;"><strong>Updated</strong></label> <span id="groupUpdatedAt"></span></div></div><div class="card"><h2>Members</h2><p id="usersMembersMsg" style="display:none">All users are automatically members of this group.</p><k-table id="membersTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="This group has no members."><admin-table-row-link slot="before" url-pattern="/admin/accounts/users/{id}" field-name="id"></admin-table-row-link><k-tc-delete-selected id="tcDeleteSelected" slot="top" style="display:none;"></k-tc-delete-selected><admin-add-member id="tcAddMember" slot="top" style="display:none;"></admin-add-member><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></div><div class="card"><h2>Permissions</h2><p id="adminPermsMsg" style="display:none">Members of this group automatically have all permissions.</p><k-table id="permissionsTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No permissions assigned to this group."><k-tc-delete-selected id="tcDeleteSelectedPerm" slot="top" style="display:none;"></k-tc-delete-selected><admin-add-permission id="tcAddPermission" slot="top" style="display:none;"></admin-add-permission><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></div></div><script type="module">import {
+<page title="Group - Admin">
+<content>
+<script type="module" src="/kempo-ui/components/Icon.js"></script>
+<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="/admin/components/tableControls/AddMember.js"></script>
+<script type="module" src="/admin/components/tableControls/AddPermission.js"></script>
+<script type="module" src="/admin/components/TableRowLink.js"></script>
+
+		<div class="mb d-f" style="align-items: flex-start; justify-content: space-between;">
+			<div>
+				<a href="/admin/accounts/groups" class="no-link">
+					<button class="mbh"><k-icon name="arrow" direction="left"></k-icon> Groups</button>
+				</a>
+				<h1 class="mb0" id="pageTitle">Group</h1>
+			</div>
+			<button id="saveBtn" class="primary" disabled style="display:none;"><k-icon name="save"></k-icon> Save</button>
+		</div>
+
+		<div id="loading">Loading group...</div>
+		<div id="notFound" style="display: none;">
+			<p>Group not found.</p>
+			<a href="/admin/accounts/groups">Back to Groups</a>
+		</div>
+		<div id="content" style="display: none;">
+
+			<!-- Group Information -->
+			<div class="card">
+				<h2>Information</h2>
+				<div class="d-f mb">
+					<label style="min-width: 120px;"><strong>Owner</strong></label>
+					<span id="groupOwner"></span>
+				</div>
+				<div class="d-f mb">
+					<label for="groupNameInput" style="min-width: 120px;"><strong>Name</strong></label>
+					<input type="text" id="groupNameInput" style="max-width: 400px;">
+				</div>
+				<div class="d-f mb">
+					<label for="groupDescription" style="min-width: 120px;"><strong>Description</strong></label>
+					<input type="text" id="groupDescription" style="max-width: 400px;">
+				</div>
+				<div class="d-f mb">
+					<label style="min-width: 120px;"><strong>Created</strong></label>
+					<span id="groupCreatedAt"></span>
+				</div>
+				<div class="d-f mb">
+					<label style="min-width: 120px;"><strong>Updated</strong></label>
+					<span id="groupUpdatedAt"></span>
+				</div>
+			</div>
+
+			<!-- Members -->
+			<div class="card">
+				<h2>Members</h2>
+				<p id="usersMembersMsg" style="display:none">All users are automatically members of this group.</p>
+				<k-table id="membersTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="This group has no members.">
+					<admin-table-row-link slot="before" url-pattern="/admin/accounts/users/{id}" field-name="id"></admin-table-row-link>
+					<kc-tc-delete-selected id="tcDeleteSelected" slot="top" style="display:none;"></kc-tc-delete-selected>
+					<admin-add-member id="tcAddMember" slot="top" style="display:none;"></admin-add-member>
+					<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>
+			</div>
+
+			<!-- Permissions -->
+			<div class="card">
+				<h2>Permissions</h2>
+				<p id="adminPermsMsg" style="display:none">Members of this group automatically have all permissions.</p>
+				<k-table id="permissionsTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No permissions assigned to this group.">
+					<kc-tc-delete-selected id="tcDeleteSelectedPerm" slot="top" style="display:none;"></kc-tc-delete-selected>
+					<admin-add-permission id="tcAddPermission" slot="top" style="display:none;"></admin-add-permission>
+					<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>
+			</div>
+
+		</div>
+
+		<script type="module">
+			import {
 				getGroup, updateGroup, deleteGroups, getGroupMembers,
 					removeMemberFromGroup, getGroupPermissions, removePermissionFromGroup,
 				getAllCurrentUserPermissions
@@ -133,7 +239,7 @@
 						$tcDeleteSelected.style.display = '';
 						$tcAddMember.style.display = '';
 
-						const del = document.createElement('k-tc-delete-record');
+						const del = document.createElement('kc-tc-delete-record');
 						del.setAttribute('slot', 'after');
 						$membersTable.appendChild(del);
 					}
@@ -212,7 +318,7 @@
 						$tcAddPermission.groupName = groupName;
 						$tcAddPermission.style.display = '';
 
-						const delPerm = document.createElement('k-tc-delete-record');
+						const delPerm = document.createElement('kc-tc-delete-record');
 						delPerm.setAttribute('slot', 'after');
 						$permissionsTable.appendChild(delPerm);
 
@@ -283,4 +389,8 @@
 				} else {
 					$permissionsTable.closest('.card').style.display = 'none';
 				}
-			}</script></content></page>
+			}
+		</script>
+
+</content>
+</page>

package/dist/admin/accounts/groups/index.page.html

@@ -1,7 +1,88 @@
 <!--
 	locked: true
 -->
-<page title="Groups - 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/Edit.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="/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">Groups</h1><k-permission has="system:group:create"><button id="createGroupBtn" class="primary">Create Group</button></k-permission></div><h2>Custom Groups</h2><k-table id="customTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No custom groups have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:group: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 Groups</h2><k-table id="extensionTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No extension groups found."><admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></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 Groups</h2><k-table id="systemTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No system groups found."><admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></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 { listGroups, createGroup, updateGroup, deleteGroups, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Groups - 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/TcEdit.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="/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">Groups</h1>
+			<k-permission has="system:group:create">
+				<button id="createGroupBtn" class="primary">Create Group</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Groups</h2>
+		<k-table id="customTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No custom groups have been created yet.">
+			<admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:group: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 Groups</h2>
+		<k-table id="extensionTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No extension groups found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></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 Groups</h2>
+		<k-table id="systemTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No system groups found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></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 { listGroups, createGroup, updateGroup, deleteGroups, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Toast from '/kempo-ui/components/Toast.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
@@ -48,7 +129,7 @@
 			const setupTable = ($table, owner, loadFn) => {
 				if(canEdit && owner !== 'system') { // Prevent editor control for system groups
 					$table.setAttribute('request-edit', '');
-					const edit = document.createElement('k-tc-edit');
+					const edit = document.createElement('kc-tc-edit');
 					edit.setAttribute('slot', 'after');
 					$table.appendChild(edit);
 				}
@@ -56,7 +137,7 @@
 				if(canDelete && owner === 'custom'){
 					$table.setAttribute('request-delete', '');
 					$table.setAttribute('enable-selection', '');
-					const del = document.createElement('k-tc-delete-record');
+					const del = document.createElement('kc-tc-delete-record');
 					del.setAttribute('slot', 'after');
 					$table.appendChild(del);
 				}
@@ -168,4 +249,8 @@
 						cancelText: 'Cancel'
 					});
 				});
-			}</script></content></page>
+			}
+		</script>
+
+</content>
+</page>

package/dist/admin/accounts/permissions/index.page.html

@@ -1,7 +1,85 @@
 <!--
 	locked: true
 -->
-<page title="Permissions - 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/Edit.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/Tags.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">Permissions</h1><k-permission has="system:permissions:manage"><button id="createPermBtn" class="primary">Create Permissions</button></k-permission></div><h2>Custom Permissions</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom permissions have been created yet."><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:permissions:manage"><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 Permissions</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension permissions installed."><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 Permissions</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system permissions found."><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 { listPermissions, createPermissions, updatePermission, deletePermissions, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Permissions - 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/TcEdit.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/Tags.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">Permissions</h1>
+			<k-permission has="system:permissions:manage">
+				<button id="createPermBtn" class="primary">Create Permissions</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Permissions</h2>
+		<k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom permissions have been created yet.">
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:permissions:manage">
+						<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 Permissions</h2>
+		<k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension permissions installed.">
+			<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 Permissions</h2>
+		<k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system permissions found.">
+			<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 { listPermissions, createPermissions, updatePermission, deletePermissions, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Toast from '/kempo-ui/components/Toast.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
@@ -48,7 +126,7 @@
 			const setupTable = ($table, owner, loadFn) => {
 				if(canManage && owner !== 'system'){
 					$table.setAttribute('request-edit', '');
-					const edit = document.createElement('k-tc-edit');
+					const edit = document.createElement('kc-tc-edit');
 					edit.setAttribute('slot', 'after');
 					$table.appendChild(edit);
 				}
@@ -56,7 +134,7 @@
 				if(canManage && owner === 'custom'){
 					$table.setAttribute('request-delete', '');
 					$table.setAttribute('enable-selection', '');
-					const del = document.createElement('k-tc-delete-record');
+					const del = document.createElement('kc-tc-delete-record');
 					del.setAttribute('slot', 'after');
 					$table.appendChild(del);
 				}
@@ -190,4 +268,8 @@
 						cancelText: 'Cancel'
 					});
 				});
-			}</script></content></page>
+			}
+		</script>
+
+</content>
+</page>

package/dist/admin/accounts/users/[id]/index.page.html

@@ -1,7 +1,108 @@
 <!--
 	locked: true
 -->
-<page title="User - Admin"><content><script type="module" src="/kempo-ui/components/Toggle.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><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="/admin/components/GroupDeleteSelected.js"></script><script type="module" src="/admin/components/AddGroupControl.js"></script><script type="module" src="/admin/components/ClearExpiredSessionsControl.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><div class="d-f"><div><a href="/admin/accounts/users" class="no-link mb"><button class="mbh"><k-icon name="arrow" direction="left"></k-icon>Users</button></a></div><div class="flex"></div><div><button id="deleteUserBtn" class="danger mb mrh" style="display:none;">Delete User</button> <button id="saveBtn" class="primary mb" disabled="disabled" style="display:none;"><k-icon name="save"></k-icon>Save</button></div></div><h1 id="pageTitle">User</h1><div id="loading">Loading user...</div><div id="notFound" style="display: none;"><p>User not found.</p><a href="/admin/accounts/users">Back to Users</a></div><div id="content" style="display: none;"><div class="card"><h2>Information</h2><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><label for="userName" style="min-width: 120px;"><strong>Name</strong></label> <input id="userName" style="max-width: 400px;"></div><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><label for="userEmail" style="min-width: 120px;"><strong>Email</strong></label> <input type="email" id="userEmail" style="max-width: 400px;"></div><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><label style="min-width: 120px;"><strong>Verified</strong></label><k-toggle id="emailVerified"></k-toggle></div><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><label style="min-width: 120px;"><strong>Created</strong></label> <span id="userCreatedAt"></span></div></div><div class="card"><h2>Groups</h2><k-table id="groupsTable" request-delete placeholder="Not a member of any groups."><admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></admin-table-row-link><k-tc-delete-record slot="after"></k-tc-delete-record><div slot="top" id="groupsTableTop" class="d-f full" style="display:none; align-items: center;"><div><admin-group-delete-selected></admin-group-delete-selected></div><div class="flex"></div><div><admin-add-group-control id="addGroupBtn"></admin-add-group-control></div></div></k-table></div><div class="card"><h2>Sessions</h2><k-table id="sessionsTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No active sessions."><k-tc-delete-record slot="after"></k-tc-delete-record><div slot="top" class="d-f full" style="align-items: center;"><div><k-tc-delete-selected></k-tc-delete-selected></div><div class="flex"></div><div><admin-clear-expired-sessions id="clearExpiredBtn" style="display:none;"></admin-clear-expired-sessions></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></div></div><script type="module">import {
+<page title="User - Admin">
+<content>
+<script type="module" src="/kempo-ui/components/Toggle.js"></script>
+<script type="module" src="/kempo-ui/components/Icon.js"></script>
+<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="/admin/components/GroupDeleteSelected.js"></script>
+<script type="module" src="/admin/components/AddGroupControl.js"></script>
+<script type="module" src="/admin/components/ClearExpiredSessionsControl.js"></script>
+<script type="module" src="/admin/components/TableRowLink.js"></script>
+		<div class="d-f">
+			<div>
+				<a href="/admin/accounts/users" class="no-link mb">
+					<button class="mbh"><k-icon name="arrow" direction="left"></k-icon> Users</button>
+				</a>
+			</div>
+			<div class="flex"></div>
+			<div>
+				<button id="deleteUserBtn" class="danger mb mrh" style="display:none;">Delete User</button>
+				<button id="saveBtn" class="primary mb" disabled style="display:none;"><k-icon name="save"></k-icon> Save</button>
+			</div>
+		</div>
+		<h1 id="pageTitle">User</h1>
+
+		<div id="loading">Loading user...</div>
+		<div id="notFound" style="display: none;">
+			<p>User not found.</p>
+			<a href="/admin/accounts/users">Back to Users</a>
+		</div>
+		<div id="content" style="display: none;">
+
+			<!-- User Information -->
+			<div class="card">
+				<h2>Information</h2>
+				<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+					<label for="userName" style="min-width: 120px;"><strong>Name</strong></label>
+					<input type="text" id="userName" style="max-width: 400px;">
+				</div>
+				<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+					<label for="userEmail" style="min-width: 120px;"><strong>Email</strong></label>
+					<input type="email" id="userEmail" style="max-width: 400px;">
+				</div>
+				<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+					<label style="min-width: 120px;"><strong>Verified</strong></label>
+					<k-toggle id="emailVerified"></k-toggle>
+				</div>
+				<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+					<label style="min-width: 120px;"><strong>Created</strong></label>
+					<span id="userCreatedAt"></span>
+				</div>
+			</div>
+
+			<!-- Groups -->
+			<div class="card">
+				<h2>Groups</h2>
+				<k-table id="groupsTable" request-delete placeholder="Not a member of any groups.">
+					<admin-table-row-link slot="before" url-pattern="/admin/accounts/groups/{name}" field-name="name"></admin-table-row-link>
+					<kc-tc-delete-record slot="after"></kc-tc-delete-record>
+					<div slot="top" id="groupsTableTop" class="d-f full" style="display:none; align-items: center;">
+						<div><admin-group-delete-selected></admin-group-delete-selected></div>
+						<div class="flex"></div>
+						<div><admin-add-group-control id="addGroupBtn"></admin-add-group-control></div>
+					</div>
+				</k-table>
+			</div>
+
+			<!-- Sessions -->
+			<div class="card">
+				<h2>Sessions</h2>
+				<k-table id="sessionsTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No active sessions.">
+					<kc-tc-delete-record slot="after"></kc-tc-delete-record>
+					<div slot="top" class="d-f full" style="align-items: center;">
+						<div><kc-tc-delete-selected></kc-tc-delete-selected></div>
+						<div class="flex"></div>
+						<div><admin-clear-expired-sessions id="clearExpiredBtn" style="display:none;"></admin-clear-expired-sessions></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>
+			</div>
+
+		</div>
+
+		<script type="module">
+			import {
 				getSession, getUser, updateUser, deleteUsers,
 				getUserSessions, deleteUserSession, deleteExpiredUserSessions,
 				getUserGroups, addUserToGroup, removeUserFromGroup,
@@ -105,7 +206,7 @@
 					$userEmail.addEventListener('input', checkDirty);
 					$emailVerified.addEventListener('change', checkDirty);
 
-					$saveBtn.addEventListener('click', async () => {
+					const handleSave = async () => {
 						const [error] = await updateUser({
 							id: userData.id,
 							name: $userName.value,
@@ -121,6 +222,15 @@
 						document.title = `${$userName.value} - Admin`;
 						$saveBtn.disabled = true;
 						Toast.success('User saved');
+					};
+
+					$saveBtn.addEventListener('click', handleSave);
+					
+					document.addEventListener('keydown', e => {
+						if((e.ctrlKey || e.metaKey) && e.key === 's'){
+							e.preventDefault();
+							if(!$saveBtn.disabled) handleSave();
+						}
 					});
 				}
 
@@ -311,4 +421,8 @@
 				};
 
 				loadSessions();
-			}</script></content></page>
+			}
+		</script>
+
+</content>
+</page>