@jskit-ai/users-web 0.1.43 → 0.1.45

package/package.descriptor.mjs

@@ -1,7 +1,7 @@
 export default Object.freeze({
   packageVersion: 1,
   packageId: "@jskit-ai/users-web",
-  version: "0.1.43",
+  version: "0.1.45",
   kind: "runtime",
   description: "Users web module: account/profile UI plus shared shell link components.",
   dependsOn: [
@@ -47,6 +47,14 @@ export default Object.freeze({
           subpath: "./client/components/ProfileClientElement",
           summary: "Exports profile settings client element scaffold component."
         },
+        {
+          subpath: "./client/components/ConsoleSettingsClientElement",
+          summary: "Exports console settings landing-page client element."
+        },
+        {
+          subpath: "./client/components/WorkspaceSettingsClientElement",
+          summary: "Exports workspace settings client element."
+        },
         {
           subpath: "./client/composables/useAddEdit",
           summary: "Exports add/edit operation composable."
@@ -102,13 +110,7 @@ export default Object.freeze({
             host: "console-settings",
             position: "primary-menu",
             surfaces: ["console"],
-            source: "templates/src/pages/console/settings/index.vue"
-          },
-          {
-            host: "console-settings",
-            position: "forms",
-            surfaces: ["console"],
-            source: "templates/src/pages/console/settings/index.vue"
+            source: "templates/src/pages/console/settings.vue"
           }
         ],
         contributions: [
@@ -151,12 +153,12 @@ export default Object.freeze({
       runtime: {
         "@tanstack/vue-query": "5.92.12",
         "@mdi/js": "^7.4.47",
-        "@jskit-ai/http-runtime": "0.1.27",
-        "@jskit-ai/realtime": "0.1.27",
-        "@jskit-ai/kernel": "0.1.28",
-        "@jskit-ai/shell-web": "0.1.27",
-        "@jskit-ai/uploads-image-web": "0.1.6",
-        "@jskit-ai/users-core": "0.1.38",
+        "@jskit-ai/http-runtime": "0.1.29",
+        "@jskit-ai/realtime": "0.1.29",
+        "@jskit-ai/kernel": "0.1.30",
+        "@jskit-ai/shell-web": "0.1.29",
+        "@jskit-ai/uploads-image-web": "0.1.8",
+        "@jskit-ai/users-core": "0.1.40",
         vuetify: "^4.0.0"
       },
       dev: {}
@@ -212,11 +214,19 @@ export default Object.freeze({
         category: "users-web",
         id: "users-web-component-account-settings-invites"
       },
+      {
+        from: "templates/src/pages/console/settings.vue",
+        toSurface: "console",
+        toSurfacePath: "settings.vue",
+        reason: "Install console settings shell route scaffold for users-web console UI.",
+        category: "users-web",
+        id: "users-web-page-console-settings-shell"
+      },
       {
         from: "templates/src/pages/console/settings/index.vue",
         toSurface: "console",
         toSurfacePath: "settings/index.vue",
-        reason: "Install console settings page scaffold for users-web console UI.",
+        reason: "Install console settings landing page scaffold for users-web console UI.",
         category: "users-web",
         id: "users-web-page-console-settings"
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -8,6 +8,8 @@
   "exports": {
     "./client": "./src/client/index.js",
     "./client/providers/UsersWorkspacesClientProvider": "./src/client/providers/UsersWorkspacesClientProvider.js",
+    "./client/components/ConsoleSettingsClientElement": "./src/client/components/ConsoleSettingsClientElement.vue",
+    "./client/components/WorkspaceSettingsClientElement": "./src/client/components/WorkspaceSettingsClientElement.vue",
     "./client/components/WorkspaceMembersClientElement": "./src/client/components/WorkspaceMembersClientElement.vue",
     "./client/composables/useAddEdit": "./src/client/composables/records/useAddEdit.js",
     "./client/composables/useCrudAddEdit": "./src/client/composables/records/useCrudAddEdit.js",
@@ -26,12 +28,12 @@
   "dependencies": {
     "@tanstack/vue-query": "5.92.12",
     "@mdi/js": "^7.4.47",
-    "@jskit-ai/http-runtime": "0.1.27",
-    "@jskit-ai/kernel": "0.1.28",
-    "@jskit-ai/realtime": "0.1.27",
-    "@jskit-ai/shell-web": "0.1.27",
-    "@jskit-ai/uploads-image-web": "0.1.6",
-    "@jskit-ai/users-core": "0.1.38",
+    "@jskit-ai/http-runtime": "0.1.29",
+    "@jskit-ai/kernel": "0.1.30",
+    "@jskit-ai/realtime": "0.1.29",
+    "@jskit-ai/shell-web": "0.1.29",
+    "@jskit-ai/uploads-image-web": "0.1.8",
+    "@jskit-ai/users-core": "0.1.40",
     "vuetify": "^4.0.0"
   }
 }

package/src/client/components/ConsoleSettingsClientElement.vue

@@ -5,8 +5,8 @@
         <v-sheet class="pa-6 pa-sm-8" rounded="lg" border>
           <h1 class="text-h5 text-sm-h4 mb-3">Console settings</h1>
           <p class="text-body-2 text-sm-body-1 mb-0">
-            No console settings are provided by <code>@jskit-ai/users-web</code>. Install a module that contributes
-            forms to <code>console-settings:forms</code>.
+            No console settings sections are available yet. Install a module that adds a page and menu entry to
+            <code>console-settings:primary-menu</code>.
           </p>
         </v-sheet>
       </v-col>

package/src/client/index.js

@@ -2,6 +2,8 @@ import { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
 
 export { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
 export { UsersWorkspacesClientProvider } from "./providers/UsersWorkspacesClientProvider.js";
+export { default as ConsoleSettingsClientElement } from "./components/ConsoleSettingsClientElement.vue";
+export { default as WorkspaceSettingsClientElement } from "./components/WorkspaceSettingsClientElement.vue";
 
 const clientProviders = Object.freeze([UsersWebClientProvider]);
 

package/templates/src/pages/console/settings/index.vue

@@ -1,17 +1,7 @@
-<template>
-  <section class="settings-page">
-    <ShellOutlet host="console-settings" position="primary-menu" />
-    <ShellOutlet host="console-settings" position="forms" />
-  </section>
-</template>
-
 <script setup>
-import ShellOutlet from "@jskit-ai/shell-web/client/components/ShellOutlet";
+import ConsoleSettingsClientElement from "@jskit-ai/users-web/client/components/ConsoleSettingsClientElement";
 </script>
 
-<style scoped>
-.settings-page {
-  display: grid;
-  gap: 1rem;
-}
-</style>
+<template>
+  <ConsoleSettingsClientElement />
+</template>

package/templates/src/pages/console/settings.vue

@@ -0,0 +1,29 @@
+<script setup>
+import ShellOutlet from "@jskit-ai/shell-web/client/components/ShellOutlet";
+import { RouterView } from "vue-router";
+</script>
+
+<template>
+  <section class="settings-shell d-flex flex-column ga-4">
+    <v-card rounded="lg" elevation="1" border>
+      <v-card-item>
+        <v-card-title>Console settings</v-card-title>
+        <v-card-subtitle>Global configuration and reference data for the whole app.</v-card-subtitle>
+      </v-card-item>
+      <v-divider />
+      <v-card-text class="pt-4">
+        <v-row no-gutters>
+          <v-col cols="12" md="3" lg="2" class="pr-md-4 mb-4 mb-md-0">
+            <v-list nav density="comfortable" rounded="lg" border>
+              <ShellOutlet host="console-settings" position="primary-menu" />
+            </v-list>
+          </v-col>
+
+          <v-col cols="12" md="9" lg="10">
+            <RouterView />
+          </v-col>
+        </v-row>
+      </v-card-text>
+    </v-card>
+  </section>
+</template>

package/test/settingsPlacementContract.test.js

@@ -16,10 +16,9 @@ function readSettingsOutlets() {
 }
 
 test("users-web console settings template exposes surface-derived settings outlets", async () => {
-  const source = await readFile(path.join(PACKAGE_DIR, "templates", "src", "pages", "console", "settings", "index.vue"), "utf8");
+  const source = await readFile(path.join(PACKAGE_DIR, "templates", "src", "pages", "console", "settings.vue"), "utf8");
 
   assert.match(source, /<ShellOutlet host="console-settings" position="primary-menu" \/>/);
-  assert.match(source, /<ShellOutlet host="console-settings" position="forms" \/>/);
 });
 
 test("users-web descriptor metadata advertises console settings outlets with standard positions", () => {
@@ -31,13 +30,7 @@ test("users-web descriptor metadata advertises console settings outlets with sta
         host: "console-settings",
         position: "primary-menu",
         surfaces: ["console"],
-        source: "templates/src/pages/console/settings/index.vue"
-      },
-      {
-        host: "console-settings",
-        position: "forms",
-        surfaces: ["console"],
-        source: "templates/src/pages/console/settings/index.vue"
+        source: "templates/src/pages/console/settings.vue"
       }
     ]
   );