@jskit-ai/users-web 0.1.166 → 0.1.170

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/users-web",
-  "version": "0.1.166",
+  "version": "0.1.170",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -9,6 +9,7 @@
     "./client": "./src/client/index.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",
@@ -35,30 +36,508 @@
     "./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/useSurfaceRouteContext": "./src/client/composables/useSurfaceRouteContext.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/usePaths": "./src/client/composables/usePaths.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"
   },
   "dependencies": {
-    "@mdi/js": "^7.4.47",
-    "@jskit-ai/http-runtime": "0.1.146",
-    "@jskit-ai/kernel": "0.1.147",
-    "@jskit-ai/realtime": "0.1.145",
-    "@jskit-ai/shell-web": "0.1.149",
-    "@jskit-ai/uploads-image-web": "0.1.123",
-    "@jskit-ai/users-core": "0.1.161"
+    "@jskit-ai/auth-web": "0.1.152",
+    "@jskit-ai/http-runtime": "0.1.150",
+    "@jskit-ai/kernel": "0.1.152",
+    "@jskit-ai/realtime": "0.1.149",
+    "@jskit-ai/shell-web": "0.1.156",
+    "@jskit-ai/uploads-image-web": "0.1.127",
+    "@jskit-ai/users-core": "0.1.165",
+    "@mdi/js": "^7.4.47"
   },
   "peerDependencies": {
     "@tanstack/vue-query": "^5.90.5",
     "vue": "^3.5.13",
     "vue-router": "^5.0.4",
     "vuetify": "^4.0.0"
+  },
+  "description": "Users web module: account/profile UI plus shared users web widgets.",
+  "jskit": {
+    "kind": "runtime",
+    "capabilities": {
+      "provides": [
+        "users.web"
+      ],
+      "requires": [
+        "runtime.web-placement",
+        "users.server-routes"
+      ]
+    },
+    "runtime": {
+      "server": {
+        "providers": []
+      },
+      "client": {
+        "providers": [
+          {
+            "entrypoint": "src/client/providers/UsersWebClientProvider.js",
+            "export": "UsersWebClientProvider"
+          }
+        ]
+      }
+    },
+    "metadata": {
+      "apiSummary": {
+        "surfaces": [
+          {
+            "subpath": "./client",
+            "summary": "Exports users-web client provider registration surface."
+          },
+          {
+            "subpath": "./client/providers/UsersWebClientProvider",
+            "summary": "Exports users-web client provider class."
+          },
+          {
+            "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."
+          }
+        ],
+        "containerTokens": {
+          "server": [],
+          "client": [
+            "users.web.home.tools.widget",
+            "users.web.profile.element"
+          ]
+        }
+      },
+      "ui": {
+        "placements": {
+          "outlets": [
+            {
+              "target": "home-cog:primary-menu",
+              "surfaces": [
+                "home"
+              ],
+              "source": "src/client/components/UsersHomeToolsWidget.vue"
+            },
+            {
+              "target": "account-settings:sections",
+              "surfaces": [
+                "account"
+              ],
+              "source": "src/client/components/AccountSettingsClientElement.vue"
+            }
+          ],
+          "topology": {
+            "placements": [
+              {
+                "id": "home.tools-menu",
+                "description": "Home surface tools menu actions.",
+                "surfaces": [
+                  "home"
+                ],
+                "variants": {
+                  "compact": {
+                    "outlet": "home-cog:primary-menu",
+                    "renderers": {
+                      "link": "local.main.ui.surface-aware-menu-link-item"
+                    }
+                  },
+                  "medium": {
+                    "outlet": "home-cog:primary-menu",
+                    "renderers": {
+                      "link": "local.main.ui.surface-aware-menu-link-item"
+                    }
+                  },
+                  "expanded": {
+                    "outlet": "home-cog:primary-menu",
+                    "renderers": {
+                      "link": "local.main.ui.surface-aware-menu-link-item"
+                    }
+                  }
+                }
+              },
+              {
+                "id": "settings.sections",
+                "owner": "account-settings",
+                "description": "Account settings content sections.",
+                "surfaces": [
+                  "account"
+                ],
+                "variants": {
+                  "compact": {
+                    "outlet": "account-settings:sections"
+                  },
+                  "medium": {
+                    "outlet": "account-settings:sections"
+                  },
+                  "expanded": {
+                    "outlet": "account-settings:sections"
+                  }
+                }
+              }
+            ]
+          },
+          "contributions": [
+            {
+              "id": "users.profile.menu.settings",
+              "target": "auth.profile-menu",
+              "kind": "link",
+              "surfaces": [
+                "*"
+              ],
+              "order": 500,
+              "when": "auth.authenticated === true",
+              "source": "mutations.text#users-web-profile-settings-placement"
+            },
+            {
+              "id": "users.home.tools.widget",
+              "target": "shell.status",
+              "kind": "component",
+              "surfaces": [
+                "home"
+              ],
+              "order": 900,
+              "componentToken": "users.web.home.tools.widget",
+              "when": "auth.authenticated === true",
+              "source": "mutations.text#users-web-home-tools-placement"
+            },
+            {
+              "id": "users.home.menu.settings",
+              "target": "home.tools-menu",
+              "kind": "link",
+              "surfaces": [
+                "home"
+              ],
+              "order": 100,
+              "when": "auth.authenticated === true",
+              "source": "mutations.text#users-web-home-tools-placement"
+            },
+            {
+              "id": "users.account.settings.profile",
+              "target": "settings.sections",
+              "owner": "account-settings",
+              "kind": "component",
+              "surfaces": [
+                "account"
+              ],
+              "order": 100,
+              "componentToken": "local.main.account-settings.section.profile",
+              "source": "mutations.text#users-web-account-settings-sections-placement"
+            },
+            {
+              "id": "users.account.settings.preferences",
+              "target": "settings.sections",
+              "owner": "account-settings",
+              "kind": "component",
+              "surfaces": [
+                "account"
+              ],
+              "order": 200,
+              "componentToken": "local.main.account-settings.section.preferences",
+              "source": "mutations.text#users-web-account-settings-sections-placement"
+            },
+            {
+              "id": "users.account.settings.notifications",
+              "target": "settings.sections",
+              "owner": "account-settings",
+              "kind": "component",
+              "surfaces": [
+                "account"
+              ],
+              "order": 300,
+              "componentToken": "local.main.account-settings.section.notifications",
+              "source": "mutations.text#users-web-account-settings-sections-placement"
+            }
+          ]
+        }
+      }
+    },
+    "mutations": {
+      "dependencies": {
+        "runtime": {
+          "@mdi/js": "^7.4.47",
+          "@jskit-ai/http-runtime": "0.1.150",
+          "@jskit-ai/realtime": "0.1.149",
+          "@jskit-ai/kernel": "0.1.152",
+          "@jskit-ai/shell-web": "0.1.156",
+          "@jskit-ai/uploads-image-web": "0.1.127",
+          "@jskit-ai/users-core": "0.1.165"
+        },
+        "dev": {}
+      },
+      "packageJson": {
+        "scripts": {
+          "server:account": "SERVER_SURFACE=account node ./bin/server.js",
+          "dev:account": "VITE_SURFACE=account vite",
+          "build:account": "VITE_SURFACE=account vite build"
+        }
+      },
+      "procfile": {},
+      "files": [
+        {
+          "from": "templates/src/pages/account/index.vue",
+          "to": "src/pages/account/index.vue",
+          "ownership": "app",
+          "reason": "Install app-owned account surface root page scaffold.",
+          "category": "users-web",
+          "id": "users-web-page-account-root"
+        },
+        {
+          "from": "templates/src/components/account/settings/AccountSettingsProfileSection.vue",
+          "to": "src/components/account/settings/AccountSettingsProfileSection.vue",
+          "ownership": "app",
+          "reason": "Install app-owned account settings profile section scaffold.",
+          "category": "users-web",
+          "id": "users-web-component-account-settings-profile"
+        },
+        {
+          "from": "templates/src/components/account/settings/AccountSettingsPreferencesSection.vue",
+          "to": "src/components/account/settings/AccountSettingsPreferencesSection.vue",
+          "ownership": "app",
+          "reason": "Install app-owned account settings preferences section scaffold.",
+          "category": "users-web",
+          "id": "users-web-component-account-settings-preferences"
+        },
+        {
+          "from": "templates/src/components/account/settings/AccountSettingsNotificationsSection.vue",
+          "to": "src/components/account/settings/AccountSettingsNotificationsSection.vue",
+          "ownership": "app",
+          "reason": "Install app-owned account settings notifications section scaffold.",
+          "category": "users-web",
+          "id": "users-web-component-account-settings-notifications"
+        }
+      ],
+      "text": [
+        {
+          "op": "append-text",
+          "file": "config/public.js",
+          "position": "bottom",
+          "skipIfContains": "config.surfaceDefinitions.account = {",
+          "value": "\nconfig.surfaceDefinitions.account = {\n  id: \"account\",\n  label: \"Account\",\n  pagesRoot: \"account\",\n  enabled: true,\n  requiresAuth: true,\n  requiresWorkspace: false,\n  origin: \"\"\n};\n",
+          "reason": "Register account surface definition in public surface config.",
+          "category": "users-web",
+          "id": "users-web-surface-config-account"
+        },
+        {
+          "op": "append-text",
+          "file": "src/placement.js",
+          "position": "bottom",
+          "skipIfContains": "id: \"users.profile.menu.settings\"",
+          "value": "\naddPlacement({\n  id: \"users.profile.menu.settings\",\n  target: \"auth.profile-menu\",\n  kind: \"link\",\n  surfaces: [\"*\"],\n  order: 500,\n  props: {\n    label: \"Settings\",\n    to: \"/account\"\n  },\n  when: ({ auth }) => auth?.authenticated === true\n});\n",
+          "reason": "Append users-web profile settings menu placement into app-owned placement registry.",
+          "category": "users-web",
+          "id": "users-web-profile-settings-placement"
+        },
+        {
+          "op": "append-text",
+          "file": "src/placement.js",
+          "position": "bottom",
+          "skipIfContains": "id: \"users.home.tools.widget\"",
+          "value": "\naddPlacement({\n  id: \"users.home.tools.widget\",\n  target: \"shell.status\",\n  kind: \"component\",\n  surfaces: [\"home\"],\n  order: 900,\n  componentToken: \"users.web.home.tools.widget\",\n  when: ({ auth }) => auth?.authenticated === true\n});\n\naddPlacement({\n  id: \"users.home.menu.settings\",\n  target: \"home.tools-menu\",\n  kind: \"link\",\n  surfaces: [\"home\"],\n  order: 100,\n  props: {\n    label: \"Settings\",\n    surface: \"home\",\n    scopedSuffix: \"/settings\",\n    unscopedSuffix: \"/settings\"\n  },\n  when: ({ auth }) => auth?.authenticated === true\n});\n",
+          "reason": "Append users-web home tools widget and settings menu placements into app-owned placement registry.",
+          "category": "users-web",
+          "id": "users-web-home-tools-placement"
+        },
+        {
+          "op": "append-text",
+          "file": "src/placementTopology.js",
+          "position": "bottom",
+          "skipIfContains": "id: \"home.tools-menu\"",
+          "value": "\naddPlacementTopology({\n  id: \"home.tools-menu\",\n  description: \"Home surface tools menu actions.\",\n  surfaces: [\"home\"],\n  variants: {\n    compact: {\n      outlet: \"home-cog:primary-menu\",\n      renderers: {\n        link: \"local.main.ui.surface-aware-menu-link-item\"\n      }\n    },\n    medium: {\n      outlet: \"home-cog:primary-menu\",\n      renderers: {\n        link: \"local.main.ui.surface-aware-menu-link-item\"\n      }\n    },\n    expanded: {\n      outlet: \"home-cog:primary-menu\",\n      renderers: {\n        link: \"local.main.ui.surface-aware-menu-link-item\"\n      }\n    }\n  }\n});\n",
+          "reason": "Append users-web home tools semantic topology into app-owned placement topology.",
+          "category": "users-web",
+          "id": "users-web-home-tools-topology"
+        },
+        {
+          "op": "append-text",
+          "file": "src/placement.js",
+          "position": "bottom",
+          "skipIfContains": "id: \"users.account.settings.profile\"",
+          "value": "\naddPlacement({\n  id: \"users.account.settings.profile\",\n  target: \"settings.sections\",\n  owner: \"account-settings\",\n  kind: \"component\",\n  surfaces: [\"account\"],\n  order: 100,\n  componentToken: \"local.main.account-settings.section.profile\",\n  props: {\n    title: \"Profile\",\n    value: \"profile\",\n    usesSharedRuntime: true\n  }\n});\n\naddPlacement({\n  id: \"users.account.settings.preferences\",\n  target: \"settings.sections\",\n  owner: \"account-settings\",\n  kind: \"component\",\n  surfaces: [\"account\"],\n  order: 200,\n  componentToken: \"local.main.account-settings.section.preferences\",\n  props: {\n    title: \"Preferences\",\n    value: \"preferences\",\n    usesSharedRuntime: true\n  }\n});\n\naddPlacement({\n  id: \"users.account.settings.notifications\",\n  target: \"settings.sections\",\n  owner: \"account-settings\",\n  kind: \"component\",\n  surfaces: [\"account\"],\n  order: 300,\n  componentToken: \"local.main.account-settings.section.notifications\",\n  props: {\n    title: \"Notifications\",\n    value: \"notifications\",\n    usesSharedRuntime: true\n  }\n});\n",
+          "reason": "Append users-web account settings section placements into the app-owned placement registry.",
+          "category": "users-web",
+          "id": "users-web-account-settings-sections-placement"
+        },
+        {
+          "op": "append-text",
+          "file": "src/placementTopology.js",
+          "position": "bottom",
+          "skipIfContains": "id: \"settings.sections\"",
+          "value": "\naddPlacementTopology({\n  id: \"settings.sections\",\n  owner: \"account-settings\",\n  description: \"Account settings content sections.\",\n  surfaces: [\"account\"],\n  variants: {\n    compact: {\n      outlet: \"account-settings:sections\"\n    },\n    medium: {\n      outlet: \"account-settings:sections\"\n    },\n    expanded: {\n      outlet: \"account-settings:sections\"\n    }\n  }\n});\n",
+          "reason": "Append users-web account settings semantic topology into app-owned placement topology.",
+          "category": "users-web",
+          "id": "users-web-account-settings-topology"
+        }
+      ],
+      "source": [
+        {
+          "op": "ensure-import",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "defaultImport": "AccountSettingsProfileSection",
+          "from": "/src/components/account/settings/AccountSettingsProfileSection.vue",
+          "reason": "Bind the app-owned account profile settings section into local main client provider imports.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-profile-import"
+        },
+        {
+          "op": "ensure-import",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "defaultImport": "AccountSettingsPreferencesSection",
+          "from": "/src/components/account/settings/AccountSettingsPreferencesSection.vue",
+          "reason": "Bind the app-owned account preferences settings section into local main client provider imports.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-preferences-import"
+        },
+        {
+          "op": "ensure-import",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "defaultImport": "AccountSettingsNotificationsSection",
+          "from": "/src/components/account/settings/AccountSettingsNotificationsSection.vue",
+          "reason": "Bind the app-owned account notifications settings section into local main client provider imports.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-notifications-import"
+        },
+        {
+          "op": "ensure-call",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "callee": "registerMainClientComponent",
+          "args": [
+            "\"local.main.account-settings.section.profile\"",
+            "() => AccountSettingsProfileSection"
+          ],
+          "beforeClass": "MainClientProvider",
+          "reason": "Bind the app-owned account profile settings section token into local main client provider registry.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-profile-register"
+        },
+        {
+          "op": "ensure-call",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "callee": "registerMainClientComponent",
+          "args": [
+            "\"local.main.account-settings.section.preferences\"",
+            "() => AccountSettingsPreferencesSection"
+          ],
+          "beforeClass": "MainClientProvider",
+          "reason": "Bind the app-owned account preferences settings section token into local main client provider registry.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-preferences-register"
+        },
+        {
+          "op": "ensure-call",
+          "file": "packages/main/src/client/providers/MainClientProvider.js",
+          "callee": "registerMainClientComponent",
+          "args": [
+            "\"local.main.account-settings.section.notifications\"",
+            "() => AccountSettingsNotificationsSection"
+          ],
+          "beforeClass": "MainClientProvider",
+          "reason": "Bind the app-owned account notifications settings section token into local main client provider registry.",
+          "category": "users-web",
+          "id": "users-web-main-client-provider-account-settings-notifications-register"
+        }
+      ]
+    }
   }
 }

package/src/client/components/CrudDeleteAction.vue

@@ -0,0 +1,93 @@
+<script setup>
+import { computed, useId } from "vue";
+import { mdiDeleteOutline } from "@mdi/js";
+
+const props = defineProps({
+  action: {
+    type: Object,
+    required: true
+  },
+  resourceSingularTitle: {
+    type: String,
+    default: "Record"
+  }
+});
+
+const resourceLabel = computed(() =>
+  String(props.resourceSingularTitle || "Record").trim() || "Record"
+);
+const componentId = useId();
+const titleId = `${componentId}-delete-title`;
+const descriptionId = `${componentId}-delete-description`;
+
+function closeDialog() {
+  props.action.cancel();
+}
+
+function handleDialogModelUpdate(isOpen) {
+  if (!isOpen) {
+    closeDialog();
+  }
+}
+</script>
+
+<template>
+  <v-btn
+    color="error"
+    variant="tonal"
+    :prepend-icon="mdiDeleteOutline"
+    min-height="48"
+    :disabled="!action.canDelete"
+    @click="action.request"
+  >
+    Delete {{ resourceLabel }}
+  </v-btn>
+
+  <v-dialog
+    :model-value="action.isOpen"
+    max-width="32rem"
+    role="alertdialog"
+    aria-modal="true"
+    :aria-labelledby="titleId"
+    :aria-describedby="descriptionId"
+    :persistent="action.isDeleting"
+    @update:model-value="handleDialogModelUpdate"
+  >
+    <v-card>
+      <v-card-title :id="titleId">Delete {{ resourceLabel }}?</v-card-title>
+      <v-card-text>
+        <p :id="descriptionId" class="mb-0">
+          This permanently deletes this {{ resourceLabel.toLowerCase() }}. This action cannot be undone.
+        </p>
+        <v-alert
+          v-if="action.error"
+          class="mt-4"
+          type="error"
+          variant="tonal"
+        >
+          {{ action.error }}
+        </v-alert>
+      </v-card-text>
+      <v-card-actions>
+        <v-spacer />
+        <v-btn
+          autofocus
+          variant="text"
+          :disabled="action.isDeleting"
+          @click="closeDialog"
+        >
+          Cancel
+        </v-btn>
+        <v-btn
+          color="error"
+          variant="flat"
+          :loading="action.isDeleting"
+          :disabled="!action.canDelete"
+          @click="action.confirm"
+        >
+          Delete
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>

package/src/client/components/CrudListScreen.vue

@@ -486,7 +486,7 @@ function setSelectableRowsSelected(selected = true) {
     width: 100%;
   }
 
-  .ui-generator-list-header__actions :deep(.v-btn) {
+  .ui-generator-list-element :deep(.v-btn) {
     min-height: 48px;
   }
 

package/src/client/composables/crud/crudJsonApiTransportSupport.js

@@ -113,7 +113,7 @@ function inferCrudJsonApiTransport(resource = null, { mode = "", operationName =
 function resolveCrudJsonApiTransport(transport = null, resource = null, options = {}) {
   if (transport != null) {
     throw new TypeError(
-      "CRUD hooks no longer accept explicit transport. Derive JSON:API transport from the shared resource instead."
+      "CRUD hooks do not accept explicit transport. Derive JSON:API transport from the shared resource."
     );
   }