@jskit-ai/users-web 0.1.172 → 0.1.174

package/package.json

@@ -1,59 +1,24 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.1.172",
+  "version": "0.1.174",
   "type": "module",
   "scripts": {
     "test": "node --test"
   },
   "exports": {
     "./client": "./src/client/index.js",
+    "./client/providers/UsersWebClientProvider": "./src/client/providers/UsersWebClientProvider.js",
     "./client/components/AccountSettingsClientElement": "./src/client/components/AccountSettingsClientElement.vue",
-    "./client/components/CrudAddEditScreen": "./src/client/components/CrudAddEditScreen.vue",
-    "./client/components/CrudDeleteAction": "./src/client/components/CrudDeleteAction.vue",
-    "./client/components/CrudListBulkActionSurface": "./src/client/components/CrudListBulkActionSurface.vue",
-    "./client/components/CrudListFilterSurface": "./src/client/components/CrudListFilterSurface.vue",
-    "./client/components/CrudListScreen": "./src/client/components/CrudListScreen.vue",
-    "./client/components/CrudViewScreen": "./src/client/components/CrudViewScreen.vue",
-    "./client/account-settings/sections": "./src/client/account-settings/sections.js",
-    "./client/bulkActions": "./src/client/bulkActions.js",
-    "./client/filters": "./src/client/filters.js",
-    "./client/rowActions": "./src/client/rowActions.js",
-    "./client/composables/useAddEdit": "./src/client/composables/records/useAddEdit.js",
-    "./client/composables/useAccess": "./src/client/composables/useAccess.js",
-    "./client/composables/useCommand": "./src/client/composables/useCommand.js",
-    "./client/composables/useCrudAddEdit": "./src/client/composables/records/useCrudAddEdit.js",
-    "./client/composables/useCrudAddEditScreen": "./src/client/composables/useCrudAddEditScreen.js",
-    "./client/composables/useCrudDeleteAction": "./src/client/composables/useCrudDeleteAction.js",
-    "./client/composables/useCrudListBulkActions": "./src/client/composables/useCrudListBulkActions.js",
-    "./client/composables/useCrudListRowActions": "./src/client/composables/useCrudListRowActions.js",
-    "./client/composables/crudLookupFieldRuntime": "./src/client/composables/crud/crudLookupFieldRuntime.js",
-    "./client/composables/useCrudListFilterLookups": "./src/client/composables/useCrudListFilterLookups.js",
-    "./client/composables/useCrudListFilters": "./src/client/composables/useCrudListFilters.js",
-    "./client/composables/useEndpointResource": "./src/client/composables/runtime/useEndpointResource.js",
-    "./client/composables/useList": "./src/client/composables/records/useList.js",
-    "./client/composables/useCrudList": "./src/client/composables/records/useCrudList.js",
-    "./client/composables/useCrudListScreen": "./src/client/composables/useCrudListScreen.js",
-    "./client/crudHttpClient": "./src/client/composables/crud/crudHttpClientSupport.js",
-    "./client/composables/useCrudListParentTitle": "./src/client/composables/useCrudListParentTitle.js",
-    "./client/composables/useRealtimeQueryInvalidation": "./src/client/composables/useRealtimeQueryInvalidation.js",
-    "./client/composables/useView": "./src/client/composables/records/useView.js",
-    "./client/composables/useCrudView": "./src/client/composables/records/useCrudView.js",
-    "./client/composables/useCrudViewScreen": "./src/client/composables/useCrudViewScreen.js",
-    "./client/composables/usePagedCollection": "./src/client/composables/usePagedCollection.js",
-    "./client/composables/runtime/useUiFeedback": "./src/client/composables/runtime/useUiFeedback.js",
-    "./client/lib/httpClient": "./src/client/lib/httpClient.js",
-    "./client/lib/permissions": "./src/client/lib/permissions.js",
-    "./client/support/contractGuards": "./src/client/support/contractGuards.js"
+    "./client/account-settings/sections": "./src/client/account-settings/sections.js"
   },
   "dependencies": {
-    "@jskit-ai/auth-web": "0.1.154",
-    "@jskit-ai/http-runtime": "0.1.152",
-    "@jskit-ai/kernel": "0.1.154",
-    "@jskit-ai/realtime": "0.1.151",
-    "@jskit-ai/shell-web": "0.1.158",
-    "@jskit-ai/uploads-image-web": "0.1.129",
-    "@jskit-ai/users-core": "0.1.167",
-    "@mdi/js": "^7.4.47"
+    "@jskit-ai/auth-web": "0.1.156",
+    "@jskit-ai/http-web": "0.1.1",
+    "@jskit-ai/http-runtime": "0.1.154",
+    "@jskit-ai/kernel": "0.1.156",
+    "@jskit-ai/shell-web": "0.1.160",
+    "@jskit-ai/uploads-image-web": "0.1.131",
+    "@jskit-ai/users-core": "0.1.169"
   },
   "peerDependencies": {
     "@tanstack/vue-query": "^5.90.5",
@@ -61,7 +26,7 @@
     "vue-router": "^5.0.4",
     "vuetify": "^4.0.0"
   },
-  "description": "Users web module: account/profile UI plus shared users web widgets.",
+  "description": "Users web module with account, profile, and user-specific shell UI.",
   "jskit": {
     "kind": "runtime",
     "capabilities": {
@@ -69,6 +34,7 @@
         "users.web"
       ],
       "requires": [
+        "runtime.http-web",
         "runtime.web-placement",
         "users.server-routes"
       ]
@@ -101,102 +67,6 @@
             "subpath": "./client/components/AccountSettingsClientElement",
             "summary": "Exports the package-owned account settings host that renders placement-backed account sections."
           },
-          {
-            "subpath": "./client/components/CrudAddEditScreen",
-            "summary": "Exports the package-owned CRUD add/edit screen shell used by generated form pages."
-          },
-          {
-            "subpath": "./client/components/CrudDeleteAction",
-            "summary": "Exports the standard generated CRUD delete action and confirmation dialog."
-          },
-          {
-            "subpath": "./client/components/CrudListBulkActionSurface",
-            "summary": "Exports the adaptive CRUD list bulk-action surface for generated list pages."
-          },
-          {
-            "subpath": "./client/components/CrudListFilterSurface",
-            "summary": "Exports the adaptive CRUD list filter surface for generated list pages."
-          },
-          {
-            "subpath": "./client/components/CrudListScreen",
-            "summary": "Exports the package-owned CRUD list screen shell used by generated list pages."
-          },
-          {
-            "subpath": "./client/components/CrudViewScreen",
-            "summary": "Exports the package-owned CRUD view screen shell used by generated detail pages."
-          },
-          {
-            "subpath": "./client/bulkActions",
-            "summary": "Exports client-side CRUD list bulk-action definition helpers."
-          },
-          {
-            "subpath": "./client/filters",
-            "summary": "Exports client-side CRUD list filter definition helpers."
-          },
-          {
-            "subpath": "./client/rowActions",
-            "summary": "Exports client-side CRUD list row-action definition helpers."
-          },
-          {
-            "subpath": "./client/components/ProfileClientElement",
-            "summary": "Exports profile settings client element scaffold component."
-          },
-          {
-            "subpath": "./client/composables/useAddEdit",
-            "summary": "Exports add/edit operation composable."
-          },
-          {
-            "subpath": "./client/composables/useList",
-            "summary": "Exports list operation composable."
-          },
-          {
-            "subpath": "./client/composables/crudLookupFieldRuntime",
-            "summary": "Exports CRUD lookup field runtime helpers for generated add/edit forms."
-          },
-          {
-            "subpath": "./client/composables/useCommand",
-            "summary": "Exports command operation composable."
-          },
-          {
-            "subpath": "./client/composables/useEndpointResource",
-            "summary": "Exports low-level endpoint resource composable for custom client requests."
-          },
-          {
-            "subpath": "./client/composables/useCrudListFilterLookups",
-            "summary": "Exports lookup-backed CRUD list filter helper for remote autocomplete filters."
-          },
-          {
-            "subpath": "./client/composables/useCrudAddEditScreen",
-            "summary": "Exports the package-owned add/edit screen runtime for generated form pages."
-          },
-          {
-            "subpath": "./client/composables/useCrudListBulkActions",
-            "summary": "Exports selected-record state and execution runtime for generated CRUD list bulk actions."
-          },
-          {
-            "subpath": "./client/composables/useCrudListRowActions",
-            "summary": "Exports per-record action state and execution runtime for generated CRUD list row actions."
-          },
-          {
-            "subpath": "./client/composables/useCrudListScreen",
-            "summary": "Exports the package-owned list screen runtime for generated list pages."
-          },
-          {
-            "subpath": "./client/composables/useView",
-            "summary": "Exports read/view operation composable."
-          },
-          {
-            "subpath": "./client/composables/useCrudViewScreen",
-            "summary": "Exports the package-owned view screen runtime for generated detail pages."
-          },
-          {
-            "subpath": "./client/composables/usePagedCollection",
-            "summary": "Exports paged collection query composable."
-          },
-          {
-            "subpath": "./client/lib/httpClient",
-            "summary": "Exports the shared users-web HTTP client with credentials and CSRF behavior."
-          },
           {
             "subpath": "./client/account-settings/sections",
             "summary": "Exports placement-backed account settings section helpers."
@@ -356,13 +226,12 @@
     "mutations": {
       "dependencies": {
         "runtime": {
-          "@mdi/js": "^7.4.47",
-          "@jskit-ai/http-runtime": "0.1.152",
-          "@jskit-ai/realtime": "0.1.151",
-          "@jskit-ai/kernel": "0.1.154",
-          "@jskit-ai/shell-web": "0.1.158",
-          "@jskit-ai/uploads-image-web": "0.1.129",
-          "@jskit-ai/users-core": "0.1.167"
+          "@jskit-ai/http-web": "0.1.1",
+          "@jskit-ai/http-runtime": "0.1.154",
+          "@jskit-ai/kernel": "0.1.156",
+          "@jskit-ai/shell-web": "0.1.160",
+          "@jskit-ai/uploads-image-web": "0.1.131",
+          "@jskit-ai/users-core": "0.1.169"
         },
         "dev": {}
       },

package/src/client/composables/account-settings/accountSettingsAvatarUploadRuntime.js

@@ -1,7 +1,7 @@
 import "@jskit-ai/uploads-image-web/client/styles";
 import { createManagedImageAssetRuntime } from "@jskit-ai/uploads-image-web/client/composables/createManagedImageAssetRuntime";
 import { resolveFieldErrors } from "@jskit-ai/http-runtime/client";
-import { usersWebHttpClient } from "../../lib/httpClient.js";
+import { httpWebClient } from "@jskit-ai/http-web/client/lib/httpClient";
 
 function createAccountSettingsAvatarUploadRuntime({
   queryClient,
@@ -15,7 +15,7 @@ function createAccountSettingsAvatarUploadRuntime({
     const sessionPayload = await queryClient.fetchQuery({
       queryKey: sessionQueryKey,
       queryFn: () =>
-        usersWebHttpClient.request("/api/session", {
+        httpWebClient.request("/api/session", {
           method: "GET"
         }),
       staleTime: 60_000

package/src/client/composables/useAccountSettingsRuntime.js

@@ -10,14 +10,14 @@ import { useShellWebErrorRuntime } from "@jskit-ai/shell-web/client/error";
 import { ROUTE_VISIBILITY_PUBLIC } from "@jskit-ai/kernel/shared/support/visibility";
 import { userProfileResource } from "@jskit-ai/users-core/shared/resources/userProfileResource";
 import { userSettingsResource } from "@jskit-ai/users-core/shared/resources/userSettingsResource";
+import { useAddEdit } from "@jskit-ai/http-web/client/composables/useAddEdit";
+import { useCommand } from "@jskit-ai/http-web/client/composables/useCommand";
+import { useView } from "@jskit-ai/http-web/client/composables/useView";
 import {
   persistThemePreference,
   resolveThemeNameForPreference,
   setVuetifyThemeName
 } from "../lib/theme.js";
-import { useAddEdit } from "./records/useAddEdit.js";
-import { useCommand } from "./useCommand.js";
-import { useView } from "./records/useView.js";
 import { resolveSurfacePathFromPlacementContext } from "@jskit-ai/shell-web/client/placement";
 import {
   ACCOUNT_SETTINGS_DEFAULTS,

package/src/client/index.js

@@ -2,17 +2,6 @@ import { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
 
 export { UsersWebClientProvider } from "./providers/UsersWebClientProvider.js";
 export { default as AccountSettingsClientElement } from "./components/AccountSettingsClientElement.vue";
-export { default as CrudAddEditScreen } from "./components/CrudAddEditScreen.vue";
-export { default as CrudDeleteAction } from "./components/CrudDeleteAction.vue";
-export { default as CrudListBulkActionSurface } from "./components/CrudListBulkActionSurface.vue";
-export { default as CrudListFilterSurface } from "./components/CrudListFilterSurface.vue";
-export { default as CrudListScreen } from "./components/CrudListScreen.vue";
-export { default as CrudViewScreen } from "./components/CrudViewScreen.vue";
-export {
-  normalizeCrudApiAccess,
-  resolveCrudHttpClient
-} from "./composables/crud/crudHttpClientSupport.js";
-export { useCrudDeleteAction } from "./composables/useCrudDeleteAction.js";
 
 const clientProviders = Object.freeze([UsersWebClientProvider]);
 

package/test/exportsContract.test.js

@@ -8,42 +8,16 @@ const TEST_DIRECTORY = path.dirname(fileURLToPath(import.meta.url));
 const REPO_ROOT = path.resolve(TEST_DIRECTORY, "..", "..", "..");
 const PACKAGE_DIR = path.join(REPO_ROOT, "packages", "users-web");
 
-test("users-web exports are explicit and aligned with production/template usage", () => {
+test("users-web exports only user-owned client surfaces", () => {
   const result = evaluatePackageExportsContract({
     repoRoot: REPO_ROOT,
     packageDir: PACKAGE_DIR,
     packageId: "@jskit-ai/users-web",
     requiredExports: [
       "./client",
+      "./client/providers/UsersWebClientProvider",
       "./client/components/AccountSettingsClientElement",
-      "./client/components/CrudAddEditScreen",
-      "./client/components/CrudDeleteAction",
-      "./client/components/CrudListBulkActionSurface",
-      "./client/components/CrudListFilterSurface",
-      "./client/components/CrudListScreen",
-      "./client/components/CrudViewScreen",
-      "./client/account-settings/sections",
-      "./client/bulkActions",
-      "./client/filters",
-      "./client/rowActions",
-      "./client/composables/useAddEdit",
-      "./client/composables/useCommand",
-      "./client/composables/useEndpointResource",
-      "./client/composables/useList",
-      "./client/composables/useView",
-      "./client/composables/useCrudAddEdit",
-      "./client/composables/useCrudAddEditScreen",
-      "./client/composables/useCrudDeleteAction",
-      "./client/composables/useCrudListBulkActions",
-      "./client/composables/useCrudListRowActions",
-      "./client/composables/useCrudListFilterLookups",
-      "./client/composables/useCrudListFilters",
-      "./client/composables/useCrudList",
-      "./client/composables/useCrudListScreen",
-      "./client/crudHttpClient",
-      "./client/composables/useCrudView",
-      "./client/composables/useCrudViewScreen",
-      "./client/lib/httpClient"
+      "./client/account-settings/sections"
     ]
   });
 

package/test/settingsPlacementContract.test.js

@@ -11,6 +11,16 @@ const packageMetadata = packageJson.jskit;
 const TEST_DIRECTORY = path.dirname(fileURLToPath(import.meta.url));
 const PACKAGE_DIR = path.resolve(TEST_DIRECTORY, "..");
 
+test("account settings load state exposes a local retry action", async () => {
+  const source = await readFile(
+    path.join(PACKAGE_DIR, "src", "client", "components", "AccountSettingsClientElement.vue"),
+    "utf8"
+  );
+
+  assert.match(source, /settingsLoadError/);
+  assert.match(source, /@click="runtime\.refreshSettings"/);
+});
+
 function readOutlets(host = "") {
   const outlets = packageMetadata?.metadata?.ui?.placements?.outlets;
   const normalizedTarget = String(host || "").trim();

package/fixtures/crud-list-date-filters/App.vue

@@ -1,107 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import CrudListFilterSurface from "../../src/client/components/CrudListFilterSurface.vue";
-import { useCrudListFilters } from "../../src/client/composables/useCrudListFilters.js";
-
-const filters = {
-  status: {
-    key: "status",
-    queryKey: "status",
-    type: "enum",
-    label: "Status",
-    options: [
-      { value: "active", label: "Active" },
-      { value: "archived", label: "Archived" }
-    ]
-  },
-  submittedOn: {
-    key: "submittedOn",
-    queryKey: "submittedOn",
-    type: "date",
-    label: "Submitted date"
-  },
-  arrivalDate: {
-    key: "arrivalDate",
-    queryKey: "arrivalDate",
-    type: "dateRange",
-    label: "Arrival"
-  },
-  assignment: {
-    key: "assignment",
-    queryKey: "assignment",
-    type: "presence",
-    label: "Assignment",
-    options: [
-      { value: "present", label: "Assigned" },
-      { value: "missing", label: "Unassigned" }
-    ]
-  }
-};
-const runtime = useCrudListFilters(filters);
-const query = new URLSearchParams(window.location.search);
-
-for (const [key, param] of Object.entries(runtime.queryParams)) {
-  if (query.has(key)) {
-    param.value = query.get(key);
-  }
-}
-
-const contractSnapshot = computed(() => JSON.stringify({
-  values: {
-    submittedOn: runtime.values.submittedOn,
-    arrivalDate: {
-      from: runtime.values.arrivalDate.from,
-      to: runtime.values.arrivalDate.to
-    }
-  },
-  query: {
-    submittedOn: runtime.queryParams.submittedOn.value,
-    arrivalDate: runtime.queryParams.arrivalDate.value
-  }
-}));
-</script>
-
-<template>
-  <v-app>
-    <v-main>
-      <v-container class="date-filter-fixture py-8">
-        <div class="mb-6">
-          <div class="text-overline text-primary">JSKIT users-web</div>
-          <h1 class="text-h4 mb-2">Date filter controls</h1>
-          <p class="text-body-1 text-medium-emphasis mb-0">
-            Date and date-range filters beside ordinary Vuetify selects.
-          </p>
-        </div>
-
-        <CrudListFilterSurface :filters="filters" :runtime="runtime" />
-
-        <output data-testid="date-filter-contract" class="date-filter-fixture__contract">
-          {{ contractSnapshot }}
-        </output>
-      </v-container>
-    </v-main>
-  </v-app>
-</template>
-
-<style>
-html {
-  overflow-x: hidden;
-}
-
-body {
-  background: rgb(var(--v-theme-background));
-}
-
-.date-filter-fixture {
-  max-width: 90rem;
-}
-
-.date-filter-fixture__contract {
-  display: block;
-  font-family: monospace;
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  width: 1px;
-}
-</style>

package/fixtures/crud-list-date-filters/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CRUD date filter visual regression</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/main.js"></script>
-  </body>
-</html>

package/fixtures/crud-list-date-filters/main.js

@@ -1,24 +0,0 @@
-import { createApp } from "vue";
-import "vuetify/styles";
-import { createVuetify } from "vuetify";
-import * as components from "vuetify/components";
-import * as directives from "vuetify/directives";
-import { aliases as mdiAliases, mdi } from "vuetify/iconsets/mdi-svg";
-import App from "./App.vue";
-
-const vuetify = createVuetify({
-  components,
-  directives,
-  theme: {
-    defaultTheme: "light"
-  },
-  icons: {
-    defaultSet: "mdi",
-    aliases: mdiAliases,
-    sets: { mdi }
-  }
-});
-
-createApp(App)
-  .use(vuetify)
-  .mount("#app");

package/fixtures/crud-list-date-filters/vite.config.mjs

@@ -1,18 +0,0 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-
-const fixtureRoot = path.dirname(fileURLToPath(import.meta.url));
-
-export default defineConfig({
-  root: fixtureRoot,
-  plugins: [vue()],
-  resolve: {
-    preserveSymlinks: true
-  },
-  server: {
-    host: "127.0.0.1",
-    strictPort: true
-  }
-});

package/src/client/bulkActions.js

@@ -1,47 +0,0 @@
-import { normalizeText } from "@jskit-ai/kernel/shared/support/normalize";
-
-function normalizeCrudListBulkAction(rawAction = {}, index = 0) {
-  if (!rawAction || typeof rawAction !== "object" || Array.isArray(rawAction)) {
-    return null;
-  }
-
-  const key = normalizeText(rawAction.key || rawAction.id || `action-${index + 1}`);
-  const label = normalizeText(rawAction.label || rawAction.title);
-  if (!key || !label) {
-    return null;
-  }
-
-  return Object.freeze({
-    key,
-    label,
-    icon: normalizeText(rawAction.icon),
-    color: normalizeText(rawAction.color, { fallback: "primary" }),
-    variant: normalizeText(rawAction.variant, { fallback: "tonal" }),
-    confirmLabel: normalizeText(rawAction.confirmLabel),
-    run: typeof rawAction.run === "function" ? rawAction.run : null,
-    disabled: rawAction.disabled
-  });
-}
-
-function defineCrudListBulkActions(actions = []) {
-  if (!Array.isArray(actions)) {
-    throw new TypeError("defineCrudListBulkActions requires an array.");
-  }
-
-  const normalizedActions = [];
-  const seenKeys = new Set();
-
-  actions.forEach((rawAction, index) => {
-    const action = normalizeCrudListBulkAction(rawAction, index);
-    if (!action || seenKeys.has(action.key)) {
-      return;
-    }
-
-    seenKeys.add(action.key);
-    normalizedActions.push(action);
-  });
-
-  return Object.freeze(normalizedActions);
-}
-
-export { defineCrudListBulkActions };