@jskit-ai/users-web 0.1.38 → 0.1.40

package/package.descriptor.mjs

@@ -1,9 +1,9 @@
 export default Object.freeze({
   packageVersion: 1,
   packageId: "@jskit-ai/users-web",
-  version: "0.1.38",
+  version: "0.1.40",
   kind: "runtime",
-  description: "Users web module: workspace selector shell element plus workspace/profile/members UI elements.",
+  description: "Users web module: account/profile UI plus shared shell link components.",
   dependsOn: [
     "@jskit-ai/http-runtime",
     "@jskit-ai/shell-web",
@@ -47,14 +47,6 @@ export default Object.freeze({
           subpath: "./client/components/ProfileClientElement",
           summary: "Exports profile settings client element scaffold component."
         },
-        {
-          subpath: "./client/components/WorkspacesClientElement",
-          summary: "Exports workspace chooser client element component."
-        },
-        {
-          subpath: "./client/components/WorkspaceMembersClientElement",
-          summary: "Exports workspace members admin client element component."
-        },
         {
           subpath: "./client/composables/useAddEdit",
           summary: "Exports add/edit operation composable."
@@ -91,24 +83,14 @@ export default Object.freeze({
           subpath: "./client/composables/useWorkspaceRouteContext",
           summary: "Exports workspace route context composable."
         },
-        {
-          subpath: "./client/support/realtimeWorkspace",
-          summary: "Exports workspace realtime event helpers."
-        }
       ],
       containerTokens: {
         server: [],
         client: [
-          "users.web.workspace.selector",
-          "users.web.workspace.tools.widget",
           "users.web.shell.menu-link-item",
           "users.web.shell.surface-aware-menu-link-item",
           "users.web.profile.menu.surface-switch-item",
-          "users.web.workspace-settings.menu-item",
-          "users.web.workspace-members.menu-item",
           "users.web.profile.element",
-          "users.web.members-admin.element",
-          "users.web.workspace-settings.element",
           "users.web.bootstrap-placement.runtime"
         ]
       }
@@ -117,16 +99,10 @@ export default Object.freeze({
       placements: {
         outlets: [
           {
-            host: "workspace-tools",
+            host: "console-settings",
             position: "primary-menu",
-            surfaces: ["admin"],
-            source: "src/client/components/UsersWorkspaceToolsWidget.vue"
-          },
-          {
-            host: "workspace-settings",
-            position: "forms",
-            surfaces: ["admin"],
-            source: "templates/src/pages/admin/workspace/settings/index.vue"
+            surfaces: ["console"],
+            source: "templates/src/pages/console/settings/index.vue"
           },
           {
             host: "console-settings",
@@ -136,26 +112,6 @@ export default Object.freeze({
           }
         ],
         contributions: [
-          {
-            id: "users.workspace.selector",
-            host: "shell-layout",
-            position: "top-left",
-            surfaces: ["*"],
-            order: 200,
-            componentToken: "users.web.workspace.selector",
-            when: "auth.authenticated === true",
-            source: "mutations.text#users-web-placement-block"
-          },
-          {
-            id: "users.account.invites.cue",
-            host: "shell-layout",
-            position: "top-right",
-            surfaces: ["*"],
-            order: 850,
-            componentToken: "local.main.account.pending-invites.cue",
-            when: "auth.authenticated === true",
-            source: "mutations.text#users-web-placement-block"
-          },
           {
             id: "users.profile.menu.surface-switch",
             host: "auth-profile-menu",
@@ -176,33 +132,6 @@ export default Object.freeze({
             when: "auth.authenticated === true",
             source: "mutations.text#users-web-profile-settings-placement"
           },
-          {
-            id: "users.workspace.tools.widget",
-            host: "shell-layout",
-            position: "top-right",
-            surfaces: ["admin"],
-            order: 900,
-            componentToken: "users.web.workspace.tools.widget",
-            source: "mutations.text#users-web-placement-block"
-          },
-          {
-            id: "users.workspace.menu.workspace-settings",
-            host: "workspace-tools",
-            position: "primary-menu",
-            surfaces: ["admin"],
-            order: 100,
-            componentToken: "users.web.workspace-settings.menu-item",
-            source: "mutations.text#users-web-placement-block"
-          },
-          {
-            id: "users.workspace.menu.members",
-            host: "workspace-tools",
-            position: "primary-menu",
-            surfaces: ["admin"],
-            order: 200,
-            componentToken: "users.web.workspace-members.menu-item",
-            source: "mutations.text#users-web-placement-block"
-          },
           {
             id: "users.console.menu.settings",
             host: "shell-layout",
@@ -212,15 +141,6 @@ export default Object.freeze({
             componentToken: "users.web.shell.menu-link-item",
             when: "auth.authenticated === true",
             source: "mutations.text#users-web-console-settings-placement"
-          },
-          {
-            id: "users.workspace.settings.form",
-            host: "workspace-settings",
-            position: "forms",
-            surfaces: ["admin"],
-            order: 100,
-            componentToken: "users.web.workspace-settings.element",
-            source: "mutations.text#users-web-workspace-settings-form-placement"
           }
         ]
       }
@@ -231,13 +151,13 @@ export default Object.freeze({
       runtime: {
         "@tanstack/vue-query": "5.92.12",
         "@mdi/js": "^7.4.47",
-        "@jskit-ai/http-runtime": "0.1.23",
-        "@jskit-ai/realtime": "0.1.23",
-        "@jskit-ai/kernel": "0.1.24",
-        "@jskit-ai/shell-web": "0.1.23",
-        "@jskit-ai/uploads-image-web": "0.1.2",
-        "@jskit-ai/users-core": "0.1.33",
-        "vuetify": "^4.0.0"
+        "@jskit-ai/http-runtime": "0.1.24",
+        "@jskit-ai/realtime": "0.1.24",
+        "@jskit-ai/kernel": "0.1.25",
+        "@jskit-ai/shell-web": "0.1.24",
+        "@jskit-ai/uploads-image-web": "0.1.3",
+        "@jskit-ai/users-core": "0.1.35",
+        vuetify: "^4.0.0"
       },
       dev: {}
     },
@@ -292,107 +212,6 @@ export default Object.freeze({
         category: "users-web",
         id: "users-web-component-account-settings-invites"
       },
-      {
-        from: "templates/packages/main/src/client/components/AccountPendingInvitesCue.vue",
-        to: "packages/main/src/client/components/AccountPendingInvitesCue.vue",
-        reason: "Install app-owned account pending invites cue component scaffold.",
-        category: "users-web",
-        id: "users-web-main-component-account-pending-invites-cue"
-      },
-      {
-        from: "templates/src/components/WorkspaceNotFoundCard.vue",
-        to: "src/components/WorkspaceNotFoundCard.vue",
-        reason: "Install app-owned workspace not-found card component used by workspace-dependent surfaces.",
-        category: "users-web",
-        id: "users-web-component-workspace-not-found-card",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/composables/useWorkspaceNotFoundState.js",
-        to: "src/composables/useWorkspaceNotFoundState.js",
-        reason: "Install app-owned workspace bootstrap status composable for workspace-dependent surfaces.",
-        category: "users-web",
-        id: "users-web-composable-workspace-not-found-state",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/surfaces/app/root.vue",
-        toSurface: "app",
-        toSurfaceRoot: true,
-        reason: "Install workspace app surface wrapper shell for users-web.",
-        category: "users-web",
-        id: "users-web-page-app-wrapper",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/surfaces/app/index.vue",
-        toSurface: "app",
-        toSurfacePath: "index.vue",
-        reason: "Install workspace app surface starter page scaffold for users-web.",
-        category: "users-web",
-        id: "users-web-page-app-index",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/surfaces/admin/root.vue",
-        toSurface: "admin",
-        toSurfaceRoot: true,
-        reason: "Install workspace admin surface wrapper shell for users-web.",
-        category: "users-web",
-        id: "users-web-page-admin-wrapper",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/surfaces/admin/index.vue",
-        toSurface: "admin",
-        toSurfacePath: "index.vue",
-        reason: "Install workspace admin surface starter page scaffold for users-web.",
-        category: "users-web",
-        id: "users-web-page-admin-index",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/pages/admin/members/index.vue",
-        toSurface: "admin",
-        toSurfacePath: "members/index.vue",
-        reason: "Install admin members starter page scaffold for users-web members UI.",
-        category: "users-web",
-        id: "users-web-page-admin-members",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        from: "templates/src/pages/admin/workspace/settings/index.vue",
-        toSurface: "admin",
-        toSurfacePath: "workspace/settings/index.vue",
-        reason: "Install workspace settings page scaffold for users-web workspace admin UI.",
-        category: "users-web",
-        id: "users-web-page-admin-workspace-settings",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
       {
         from: "templates/src/pages/console/settings/index.vue",
         toSurface: "console",
@@ -400,7 +219,7 @@ export default Object.freeze({
         reason: "Install console settings page scaffold for users-web console UI.",
         category: "users-web",
         id: "users-web-page-console-settings"
-      },
+      }
     ],
     text: [
       {
@@ -414,41 +233,6 @@ export default Object.freeze({
         category: "users-web",
         id: "users-web-surface-config-account"
       },
-      {
-        op: "append-text",
-        file: "src/placement.js",
-        position: "bottom",
-        skipIfContains: "id: \"users.workspace.selector\"",
-        value: "\naddPlacement({\n  id: \"users.workspace.selector\",\n  host: \"shell-layout\",\n  position: \"top-left\",\n  surfaces: [\"*\"],\n  order: 200,\n  componentToken: \"users.web.workspace.selector\",\n  props: {\n    allowOnNonWorkspaceSurface: true,\n    targetSurfaceId: \"app\"\n  },\n  when: ({ auth }) => {\n    return Boolean(auth?.authenticated);\n  }\n});\n\naddPlacement({\n  id: \"users.account.invites.cue\",\n  host: \"shell-layout\",\n  position: \"top-right\",\n  surfaces: [\"*\"],\n  order: 850,\n  componentToken: \"local.main.account.pending-invites.cue\",\n  when: ({ auth }) => Boolean(auth?.authenticated)\n});\n\naddPlacement({\n  id: \"users.workspace.tools.widget\",\n  host: \"shell-layout\",\n  position: \"top-right\",\n  surfaces: [\"admin\"],\n  order: 900,\n  componentToken: \"users.web.workspace.tools.widget\"\n});\n\naddPlacement({\n  id: \"users.workspace.menu.workspace-settings\",\n  host: \"workspace-tools\",\n  position: \"primary-menu\",\n  surfaces: [\"admin\"],\n  order: 100,\n  componentToken: \"users.web.workspace-settings.menu-item\"\n});\n\naddPlacement({\n  id: \"users.workspace.menu.members\",\n  host: \"workspace-tools\",\n  position: \"primary-menu\",\n  surfaces: [\"admin\"],\n  order: 200,\n  componentToken: \"users.web.workspace-members.menu-item\"\n});\n",
-        reason: "Append users-web placement entries into app-owned placement registry.",
-        category: "users-web",
-        id: "users-web-placement-block",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
-      },
-      {
-        op: "append-text",
-        file: "packages/main/src/client/providers/MainClientProvider.js",
-        position: "top",
-        skipIfContains: "import AccountPendingInvitesCue from \"../components/AccountPendingInvitesCue.vue\";",
-        value: "import AccountPendingInvitesCue from \"../components/AccountPendingInvitesCue.vue\";\n",
-        reason: "Bind app-owned account pending invites cue component into local main client provider imports.",
-        category: "users-web",
-        id: "users-web-main-client-provider-account-invites-import"
-      },
-      {
-        op: "append-text",
-        file: "packages/main/src/client/providers/MainClientProvider.js",
-        position: "bottom",
-        skipIfContains: "registerMainClientComponent(\"local.main.account.pending-invites.cue\", () => AccountPendingInvitesCue);",
-        value:
-          "\nregisterMainClientComponent(\"local.main.account.pending-invites.cue\", () => AccountPendingInvitesCue);\n",
-        reason: "Bind app-owned account pending invites cue component token into local main client provider registry.",
-        category: "users-web",
-        id: "users-web-main-client-provider-account-invites-register"
-      },
       {
         op: "append-text",
         file: "src/placement.js",
@@ -481,21 +265,6 @@ export default Object.freeze({
         reason: "Append users-web console settings menu placement into app-owned placement registry.",
         category: "users-web",
         id: "users-web-console-settings-placement"
-      },
-      {
-        op: "append-text",
-        file: "src/placement.js",
-        position: "bottom",
-        skipIfContains: "id: \"users.workspace.settings.form\"",
-        value:
-          "\naddPlacement({\n  id: \"users.workspace.settings.form\",\n  host: \"workspace-settings\",\n  position: \"forms\",\n  surfaces: [\"admin\"],\n  order: 100,\n  componentToken: \"users.web.workspace-settings.element\"\n});\n",
-        reason: "Append users-web workspace settings form placement into app-owned placement registry.",
-        category: "users-web",
-        id: "users-web-workspace-settings-form-placement",
-        when: {
-          config: "tenancyMode",
-          in: ["personal", "workspaces"]
-        }
       }
     ]
   }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "type": "module",
   "scripts": {
     "test": "node --test"
   },
   "exports": {
     "./client": "./src/client/index.js",
+    "./client/providers/UsersWorkspacesClientProvider": "./src/client/providers/UsersWorkspacesClientProvider.js",
     "./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",
@@ -20,18 +21,17 @@
     "./client/composables/useAccountSettingsRuntime": "./src/client/composables/useAccountSettingsRuntime.js",
     "./client/composables/usePaths": "./src/client/composables/usePaths.js",
     "./client/composables/useWorkspaceRouteContext": "./src/client/composables/useWorkspaceRouteContext.js",
-    "./client/support/menuLinkTarget": "./src/client/support/menuLinkTarget.js",
-    "./client/support/realtimeWorkspace": "./src/client/support/realtimeWorkspace.js"
+    "./client/support/menuLinkTarget": "./src/client/support/menuLinkTarget.js"
   },
   "dependencies": {
     "@tanstack/vue-query": "5.92.12",
     "@mdi/js": "^7.4.47",
-    "@jskit-ai/http-runtime": "0.1.23",
-    "@jskit-ai/kernel": "0.1.24",
-    "@jskit-ai/realtime": "0.1.23",
-    "@jskit-ai/shell-web": "0.1.23",
-    "@jskit-ai/uploads-image-web": "0.1.2",
-    "@jskit-ai/users-core": "0.1.33",
+    "@jskit-ai/http-runtime": "0.1.24",
+    "@jskit-ai/kernel": "0.1.25",
+    "@jskit-ai/realtime": "0.1.24",
+    "@jskit-ai/shell-web": "0.1.24",
+    "@jskit-ai/uploads-image-web": "0.1.3",
+    "@jskit-ai/users-core": "0.1.35",
     "vuetify": "^4.0.0"
   }
 }

package/src/client/components/ConsoleSettingsClientElement.vue

@@ -6,7 +6,7 @@
           <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>.
+            forms to <code>console-settings:forms</code>.
           </p>
         </v-sheet>
       </v-col>

package/src/client/index.js

@@ -1,6 +1,7 @@
 import { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
 
 export { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
+export { UsersWorkspacesClientProvider } from "./providers/UsersWorkspacesClientProvider.js";
 
 const clientProviders = Object.freeze([UsersWebClientProvider]);
 

package/src/client/providers/UsersWebClientProvider.js

@@ -1,13 +1,7 @@
-import UsersWorkspaceSelector from "../components/UsersWorkspaceSelector.vue";
-import UsersWorkspaceToolsWidget from "../components/UsersWorkspaceToolsWidget.vue";
 import UsersShellMenuLinkItem from "../components/UsersShellMenuLinkItem.vue";
 import UsersSurfaceAwareMenuLinkItem from "../components/UsersSurfaceAwareMenuLinkItem.vue";
 import UsersProfileSurfaceSwitchMenuItem from "../components/UsersProfileSurfaceSwitchMenuItem.vue";
-import UsersWorkspaceSettingsMenuItem from "../components/UsersWorkspaceSettingsMenuItem.vue";
-import UsersWorkspaceMembersMenuItem from "../components/UsersWorkspaceMembersMenuItem.vue";
 import ProfileClientElement from "../components/ProfileClientElement.vue";
-import MembersAdminClientElement from "../components/MembersAdminClientElement.vue";
-import WorkspaceSettingsClientElement from "../components/WorkspaceSettingsClientElement.vue";
 import {
   createBootstrapPlacementRuntime
 } from "../runtime/bootstrapPlacementRuntime.js";
@@ -21,16 +15,10 @@ class UsersWebClientProvider {
       throw new Error("UsersWebClientProvider requires application singleton().");
     }
 
-    app.singleton("users.web.workspace.selector", () => UsersWorkspaceSelector);
-    app.singleton("users.web.workspace.tools.widget", () => UsersWorkspaceToolsWidget);
     app.singleton("users.web.shell.menu-link-item", () => UsersShellMenuLinkItem);
     app.singleton("users.web.shell.surface-aware-menu-link-item", () => UsersSurfaceAwareMenuLinkItem);
     app.singleton("users.web.profile.menu.surface-switch-item", () => UsersProfileSurfaceSwitchMenuItem);
-    app.singleton("users.web.workspace-settings.menu-item", () => UsersWorkspaceSettingsMenuItem);
-    app.singleton("users.web.workspace-members.menu-item", () => UsersWorkspaceMembersMenuItem);
     app.singleton("users.web.profile.element", () => ProfileClientElement);
-    app.singleton("users.web.members-admin.element", () => MembersAdminClientElement);
-    app.singleton("users.web.workspace-settings.element", () => WorkspaceSettingsClientElement);
     app.singleton("users.web.bootstrap-placement.runtime", (scope) => createBootstrapPlacementRuntime({ app: scope }));
   }
 

package/src/client/providers/UsersWorkspacesClientProvider.js

@@ -0,0 +1,26 @@
+import UsersWorkspaceSelector from "../components/UsersWorkspaceSelector.vue";
+import UsersWorkspaceToolsWidget from "../components/UsersWorkspaceToolsWidget.vue";
+import UsersWorkspaceSettingsMenuItem from "../components/UsersWorkspaceSettingsMenuItem.vue";
+import UsersWorkspaceMembersMenuItem from "../components/UsersWorkspaceMembersMenuItem.vue";
+import MembersAdminClientElement from "../components/MembersAdminClientElement.vue";
+import WorkspaceSettingsClientElement from "../components/WorkspaceSettingsClientElement.vue";
+
+class UsersWorkspacesClientProvider {
+  static id = "workspaces.web.client";
+  static dependsOn = ["users.web.client"];
+
+  register(app) {
+    if (!app || typeof app.singleton !== "function") {
+      throw new Error("UsersWorkspacesClientProvider requires application singleton().");
+    }
+
+    app.singleton("users.web.workspace.selector", () => UsersWorkspaceSelector);
+    app.singleton("users.web.workspace.tools.widget", () => UsersWorkspaceToolsWidget);
+    app.singleton("users.web.workspace-settings.menu-item", () => UsersWorkspaceSettingsMenuItem);
+    app.singleton("users.web.workspace-members.menu-item", () => UsersWorkspaceMembersMenuItem);
+    app.singleton("users.web.members-admin.element", () => MembersAdminClientElement);
+    app.singleton("users.web.workspace-settings.element", () => WorkspaceSettingsClientElement);
+  }
+}
+
+export { UsersWorkspacesClientProvider };

package/templates/src/components/account/settings/AccountSettingsClientElement.vue

@@ -12,17 +12,24 @@ const runtime = useAccountSettingsRuntime();
 const route = useRoute();
 const router = useRouter();
 
-const sections = Object.freeze([
-  { title: "Profile", value: "profile" },
-  { title: "Preferences", value: "preferences" },
-  { title: "Notifications", value: "notifications" },
-  { title: "Invites", value: "invites" }
-]);
-const sectionValues = Object.freeze(sections.map((section) => section.value));
+const sections = computed(() => {
+  const nextSections = [
+    { title: "Profile", value: "profile" },
+    { title: "Preferences", value: "preferences" },
+    { title: "Notifications", value: "notifications" }
+  ];
+
+  if (runtime.invites.isAvailable.value) {
+    nextSections.push({ title: "Invites", value: "invites" });
+  }
+
+  return Object.freeze(nextSections);
+});
+const sectionValues = computed(() => Object.freeze(sections.value.map((section) => section.value)));
 
 function normalizeSection(value) {
   const source = Array.isArray(value) ? value[0] : value;
-  return normalizeOneOf(source, sectionValues, "profile");
+  return normalizeOneOf(source, sectionValues.value, "profile");
 }
 
 function readRouteSection() {
@@ -61,7 +68,7 @@ const activeTab = computed({
     <v-card class="panel-card" rounded="lg" elevation="1" border>
       <v-card-item>
         <v-card-title class="panel-title">Account settings</v-card-title>
-        <v-card-subtitle>Global profile, preferences, notifications, and invitation controls.</v-card-subtitle>
+        <v-card-subtitle>Global profile, preferences, notifications, and account controls.</v-card-subtitle>
         <template #append>
           <v-btn
             variant="text"

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

@@ -1,5 +1,6 @@
 <template>
   <section class="settings-page">
+    <ShellOutlet host="console-settings" position="primary-menu" />
     <ShellOutlet host="console-settings" position="forms" />
   </section>
 </template>

package/test/settingsPlacementContract.test.js

@@ -0,0 +1,44 @@
+import assert from "node:assert/strict";
+import path from "node:path";
+import test from "node:test";
+import { readFile } from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+import descriptor from "../package.descriptor.mjs";
+
+const TEST_DIRECTORY = path.dirname(fileURLToPath(import.meta.url));
+const PACKAGE_DIR = path.resolve(TEST_DIRECTORY, "..");
+
+function readSettingsOutlets() {
+  const outlets = descriptor?.metadata?.ui?.placements?.outlets;
+  return Array.isArray(outlets)
+    ? outlets.filter((entry) => String(entry?.host || "").trim() === "console-settings")
+    : [];
+}
+
+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");
+
+  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", () => {
+  const outlets = readSettingsOutlets();
+  assert.deepEqual(
+    outlets,
+    [
+      {
+        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"
+      }
+    ]
+  );
+});

package/templates/packages/main/src/client/components/AccountPendingInvitesCue.vue

@@ -1,162 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { useRoute } from "vue-router";
-import { useQuery } from "@tanstack/vue-query";
-import { mdiEmailAlertOutline } from "@mdi/js";
-import { appendQueryString } from "@jskit-ai/kernel/shared/support";
-import {
-  useWebPlacementContext,
-  resolveSurfaceDefinitionFromPlacementContext,
-  resolveSurfacePathFromPlacementContext,
-  resolveSurfaceNavigationTargetFromPlacementContext
-} from "@jskit-ai/shell-web/client/placement";
-
-const { context: placementContext } = useWebPlacementContext();
-const route = useRoute();
-
-function normalizePendingInvitesCount(value) {
-  const numeric = Number(value);
-  if (!Number.isInteger(numeric) || numeric < 1) {
-    return 0;
-  }
-  return numeric;
-}
-
-function resolveReturnTo() {
-  const fullPath = String(route?.fullPath || "").trim();
-  if (fullPath.startsWith("/") && !fullPath.startsWith("//")) {
-    return fullPath;
-  }
-  const path = String(route?.path || "").trim();
-  if (path.startsWith("/") && !path.startsWith("//")) {
-    return path;
-  }
-  return "/";
-}
-
-function resolveReturnToHref() {
-  if (typeof window === "object" && window?.location?.href) {
-    return String(window.location.href || "").trim() || resolveReturnTo();
-  }
-  return resolveReturnTo();
-}
-
-function countPendingInvites(entries = []) {
-  if (!Array.isArray(entries)) {
-    return 0;
-  }
-
-  let total = 0;
-  for (const entry of entries) {
-    if (!entry || typeof entry !== "object") {
-      continue;
-    }
-    total += 1;
-  }
-  return total;
-}
-
-const authenticated = computed(() => placementContext.value?.auth?.authenticated === true);
-
-const bootstrapSummaryQuery = useQuery({
-  queryKey: ["local-main", "account", "invites-cue", "bootstrap"],
-  enabled: authenticated,
-  staleTime: 5_000,
-  refetchInterval: 15_000,
-  queryFn: async () => {
-    const response = await fetch("/api/bootstrap", {
-      method: "GET",
-      credentials: "include",
-      headers: {
-        accept: "application/json"
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`Bootstrap request failed with status ${response.status}.`);
-    }
-
-    return response.json();
-  }
-});
-
-const placementPendingInvitesCount = computed(() =>
-  normalizePendingInvitesCount(placementContext.value?.pendingInvitesCount)
-);
-const bootstrapPendingInvitesCount = computed(() => {
-  const payload = bootstrapSummaryQuery.data.value;
-  const invitesEnabled = payload?.app?.features?.workspaceInvites === true;
-  if (!invitesEnabled) {
-    return 0;
-  }
-
-  return countPendingInvites(payload?.pendingInvites);
-});
-const pendingInvitesCount = computed(() =>
-  Math.max(placementPendingInvitesCount.value, bootstrapPendingInvitesCount.value)
-);
-
-const placementWorkspaceInvitesEnabled = computed(() => placementContext.value?.workspaceInvitesEnabled === true);
-const bootstrapWorkspaceInvitesEnabled = computed(() => {
-  const payload = bootstrapSummaryQuery.data.value;
-  return payload?.app?.features?.workspaceInvites === true;
-});
-const workspaceInvitesEnabled = computed(
-  () => placementWorkspaceInvitesEnabled.value || bootstrapWorkspaceInvitesEnabled.value
-);
-
-const isVisible = computed(() => {
-  return (
-    authenticated.value &&
-    workspaceInvitesEnabled.value &&
-    pendingInvitesCount.value > 0
-  );
-});
-
-const resolvedTo = computed(() => {
-  const hasAccountSurface = Boolean(resolveSurfaceDefinitionFromPlacementContext(placementContext.value, "account"));
-  const accountSettingsPath = hasAccountSurface
-    ? resolveSurfacePathFromPlacementContext(placementContext.value, "account", "/")
-    : "/account";
-  const accountSettingsNavigation = resolveSurfaceNavigationTargetFromPlacementContext(placementContext.value, {
-    path: accountSettingsPath,
-    surfaceId: "account"
-  });
-
-  const query = new URLSearchParams({
-    section: "invites",
-    returnTo: accountSettingsNavigation.sameOrigin ? resolveReturnTo() : resolveReturnToHref()
-  });
-  return appendQueryString(accountSettingsPath, query.toString());
-});
-
-const resolvedNavigationTarget = computed(() =>
-  resolveSurfaceNavigationTargetFromPlacementContext(placementContext.value, {
-    path: resolvedTo.value,
-    surfaceId: "account"
-  })
-);
-</script>
-
-<template>
-  <v-badge
-    v-if="isVisible"
-    color="error"
-    :content="pendingInvitesCount"
-    :model-value="pendingInvitesCount > 0"
-    bordered
-    offset-x="6"
-    offset-y="8"
-  >
-    <v-btn
-      :to="resolvedNavigationTarget.sameOrigin ? resolvedNavigationTarget.href : undefined"
-      :href="resolvedNavigationTarget.sameOrigin ? undefined : resolvedNavigationTarget.href"
-      variant="tonal"
-      color="warning"
-      :prepend-icon="mdiEmailAlertOutline"
-      size="small"
-      class="text-none"
-    >
-      Invites
-    </v-btn>
-  </v-badge>
-</template>

package/templates/src/components/WorkspaceNotFoundCard.vue

@@ -1,34 +0,0 @@
-<script setup>
-import { mdiAlertCircleOutline } from "@mdi/js";
-import { computed } from "vue";
-
-const props = defineProps({
-  surfaceLabel: {
-    type: String,
-    default: "Workspace"
-  },
-  message: {
-    type: String,
-    default: "Workspace is currently unavailable."
-  }
-});
-
-const normalizedSurfaceLabel = computed(() => String(props.surfaceLabel || "").trim() || "Workspace");
-const normalizedMessage = computed(() => String(props.message || "").trim() || "Workspace is currently unavailable.");
-</script>
-
-<template>
-  <v-card rounded="lg" elevation="1" border>
-    <v-card-item>
-      <template #prepend>
-        <v-icon :icon="mdiAlertCircleOutline" color="error" />
-      </template>
-      <v-card-title class="text-h5">Unavailable</v-card-title>
-      <v-card-subtitle>{{ normalizedSurfaceLabel }} surface.</v-card-subtitle>
-    </v-card-item>
-    <v-divider />
-    <v-card-text class="d-flex flex-column ga-4">
-      <p class="text-medium-emphasis mb-0">{{ normalizedMessage }}</p>
-    </v-card-text>
-  </v-card>
-</template>

package/templates/src/composables/useWorkspaceNotFoundState.js

@@ -1,41 +0,0 @@
-import { computed } from "vue";
-import { useRoute } from "vue-router";
-import { normalizeLowerText, normalizeObject } from "@jskit-ai/kernel/shared/support/normalize";
-import { useWebPlacementContext } from "@jskit-ai/shell-web/client/placement";
-
-const STATUS_MESSAGES = {
-  not_found: "The requested workspace was not found.",
-  forbidden: "You do not have access to this workspace.",
-  unauthenticated: "You need to sign in to access this workspace.",
-  error: "Workspace data could not be loaded right now."
-};
-const DEFAULT_WORKSPACE_UNAVAILABLE_MESSAGE = "Workspace is currently unavailable.";
-const RESOLVED_WORKSPACE_STATUS = "resolved";
-
-function useWorkspaceNotFoundState() {
-  const route = useRoute();
-  const { context: placementContext } = useWebPlacementContext();
-
-  const routeWorkspaceSlug = computed(() => normalizeLowerText(route?.params?.workspaceSlug));
-
-  const workspaceBootstrapStatus = computed(() => {
-    const statuses = normalizeObject(placementContext.value?.workspaceBootstrapStatuses);
-    return normalizeLowerText(statuses[routeWorkspaceSlug.value]);
-  });
-
-  const workspaceUnavailable = computed(
-    () => Boolean(workspaceBootstrapStatus.value) && workspaceBootstrapStatus.value !== RESOLVED_WORKSPACE_STATUS
-  );
-  const workspaceUnavailableMessage = computed(
-    () => STATUS_MESSAGES[workspaceBootstrapStatus.value] || DEFAULT_WORKSPACE_UNAVAILABLE_MESSAGE
-  );
-
-  return Object.freeze({
-    routeWorkspaceSlug,
-    workspaceBootstrapStatus,
-    workspaceUnavailable,
-    workspaceUnavailableMessage
-  });
-}
-
-export { useWorkspaceNotFoundState };

package/templates/src/pages/admin/members/index.vue

@@ -1,7 +0,0 @@
-<template>
-  <WorkspaceMembersClientElement />
-</template>
-
-<script setup>
-import WorkspaceMembersClientElement from "@jskit-ai/users-web/client/components/WorkspaceMembersClientElement";
-</script>

package/templates/src/pages/admin/workspace/settings/index.vue

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

package/templates/src/surfaces/admin/index.vue

@@ -1,29 +0,0 @@
-<script setup>
-import WorkspaceNotFoundCard from "@/components/WorkspaceNotFoundCard.vue";
-import { useWorkspaceNotFoundState } from "@/composables/useWorkspaceNotFoundState";
-
-const { workspaceUnavailable, workspaceUnavailableMessage } = useWorkspaceNotFoundState();
-</script>
-
-<template>
-  <WorkspaceNotFoundCard
-    v-if="workspaceUnavailable"
-    :message="workspaceUnavailableMessage"
-    surface-label="Admin"
-  />
-  <v-card v-else rounded="lg" elevation="1" border>
-    <v-card-item>
-      <template #prepend>
-        <v-chip color="primary" size="small" label>Admin</v-chip>
-      </template>
-      <v-card-title class="text-h5">Workspace Admin</v-card-title>
-      <v-card-subtitle>Privileged workspace workflows.</v-card-subtitle>
-    </v-card-item>
-    <v-divider />
-    <v-card-text class="d-flex flex-column ga-4">
-      <p class="text-medium-emphasis mb-0">
-        Use this area for workspace administration modules.
-      </p>
-    </v-card-text>
-  </v-card>
-</template>

package/templates/src/surfaces/admin/root.vue

@@ -1,20 +0,0 @@
-<route lang="json">
-{
-  "meta": {
-    "jskit": {
-      "surface": "admin"
-    }
-  }
-}
-</route>
-
-<script setup>
-import ShellLayout from "@/components/ShellLayout.vue";
-import { RouterView } from "vue-router";
-</script>
-
-<template>
-  <ShellLayout title="" subtitle="">
-    <RouterView />
-  </ShellLayout>
-</template>

package/templates/src/surfaces/app/index.vue

@@ -1,27 +0,0 @@
-<script setup>
-import WorkspaceNotFoundCard from "@/components/WorkspaceNotFoundCard.vue";
-import { useWorkspaceNotFoundState } from "@/composables/useWorkspaceNotFoundState";
-
-const { workspaceUnavailable, workspaceUnavailableMessage } = useWorkspaceNotFoundState();
-</script>
-
-<template>
-  <WorkspaceNotFoundCard
-    v-if="workspaceUnavailable"
-    :message="workspaceUnavailableMessage"
-    surface-label="App"
-  />
-  <v-card v-else rounded="lg" elevation="1" border>
-    <v-card-item>
-      <template #prepend>
-        <v-chip color="primary" size="small" label>App</v-chip>
-      </template>
-      <v-card-title class="text-h5">Workspace Home</v-card-title>
-      <v-card-subtitle>Primary in-workspace surface.</v-card-subtitle>
-    </v-card-item>
-    <v-divider />
-    <v-card-text class="d-flex flex-column ga-4">
-      <p class="text-medium-emphasis mb-0">Replace this page with your workspace dashboard modules.</p>
-    </v-card-text>
-  </v-card>
-</template>

package/templates/src/surfaces/app/root.vue

@@ -1,20 +0,0 @@
-<route lang="json">
-{
-  "meta": {
-    "jskit": {
-      "surface": "app"
-    }
-  }
-}
-</route>
-
-<script setup>
-import ShellLayout from "@/components/ShellLayout.vue";
-import { RouterView } from "vue-router";
-</script>
-
-<template>
-  <ShellLayout title="" subtitle="">
-    <RouterView />
-  </ShellLayout>
-</template>