Feat/list editors

.gitignore

@@ -8,6 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+todo
 dist
 dist-ssr
 *.local
@@ -28,7 +29,4 @@ dist-ssr
 
 .playwright-cli
 .vitest-attachments
-todo
-
-# vitest-browser snapshot output — regenerated on every run, never check in.
-__screenshots__/
+todo

.yarnrc.yml

@@ -8,3 +8,5 @@ enableGlobalCache: false
 enableScripts: true
 
 nodeLinker: node-modules
+
+npmMinimalAgeGate: 0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anzusystems/common-admin",
-  "packageManager": "yarn@4.14.1",
+  "packageManager": "yarn@4.17.0",
   "files": [
     "dist",
     "src/eslint"
@@ -20,7 +20,7 @@
     "./eslint": "./src/eslint/plugin.mjs",
     "./*": "./*"
   },
-  "version": "1.47.0-beta.362",
+  "version": "1.47.0-beta.dev-1782072599",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "lint": "[ \"$*\" = \"--fix\" ] && yarn lint:fix || yarn ci",
     "lint:fix": "run-s --print-name lint:tsc format lint:oxlint:fix lint:eslint:fix lint:stylelint:fix",
     "lint:tsc": "NODE_OPTIONS=--max-old-space-size=4096 vue-tsc --build",
-    "lint:tsc:test": "NODE_OPTIONS=--max-old-space-size=4096 tsc --build tsconfig.test.json",
+    "lint:tsc:test": "NODE_OPTIONS=--max-old-space-size=4096 vue-tsc --build tsconfig.test.json",
     "lint:eslint": "eslint",
     "lint:eslint:fix": "eslint --fix",
     "lint:oxlint": "oxlint .",
@@ -57,65 +57,67 @@
   },
   "devDependencies": {
     "@anzusystems/common-admin": "workspace:*",
-    "@intlify/unplugin-vue-i18n": "^11.1.2",
+    "@intlify/unplugin-vue-i18n": "^11.2.4",
     "@kyvg/vue3-notification": "^3.4.2",
     "@mdi/font": "^7.4.47",
-    "@sentry/vue": "^10.50.0",
-    "@shikijs/vitepress-twoslash": "^4.0.2",
+    "@microsoft/api-extractor": "^7.58.9",
+    "@sentry/vue": "^10.62.0",
+    "@shikijs/vitepress-twoslash": "^4.3.0",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@tsconfig/node22": "^22.0.5",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.13.2",
     "@types/rusha": "^0.8.3",
     "@types/sortablejs": "^1.15.9",
     "@types/webfontloader": "^1.6.38",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vitest/browser": "^4.1.5",
-    "@vitest/browser-playwright": "^4.1.5",
-    "@vitest/ui": "^4.1.5",
-    "@vue/eslint-config-typescript": "^14.7.0",
-    "@vue/language-server": "3.2.7",
-    "@vue/test-utils": "^2.4.9",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/browser": "^4.1.9",
+    "@vitest/browser-playwright": "^4.1.9",
+    "@vitest/ui": "^4.1.9",
+    "@vue/compiler-dom": "3.5.39",
+    "@vue/eslint-config-typescript": "^14.9.0",
+    "@vue/language-server": "3.3.6",
+    "@vue/test-utils": "^2.4.11",
     "@vue/tsconfig": "0.9.1",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^14.2.1",
-    "@vueuse/integrations": "^14.2.1",
-    "axios": "1.15.2",
+    "@vueuse/core": "14.2.1",
+    "@vueuse/integrations": "14.2.1",
+    "axios": "1.18.1",
     "cropperjs": "^1.6.2",
-    "dayjs": "1.11.20",
-    "eslint": "^10.2.1",
-    "eslint-plugin-oxlint": "1.62.0",
-    "eslint-plugin-vue": "10.9.0",
+    "dayjs": "1.11.21",
+    "eslint": "^10.6.0",
+    "eslint-plugin-oxlint": "1.72.0",
+    "eslint-plugin-vue": "10.9.2",
     "eslint-plugin-vuetify": "^2.7.2",
-    "npm-run-all2": "^8.0.4",
-    "oxfmt": "^0.47.0",
-    "oxlint": "1.62.0",
+    "npm-run-all2": "^9.0.2",
+    "oxfmt": "^0.57.0",
+    "oxlint": "1.72.0",
     "pinia": "3.0.4",
-    "playwright": "^1.59.1",
-    "postcss": "^8.5.12",
+    "playwright": "^1.61.1",
+    "postcss": "^8.5.16",
     "postcss-html": "^1.8.1",
     "postcss-prefix-selector": "^2.1.1",
     "rusha": "^0.8.14",
-    "sass": "1.99.0",
+    "sass": "1.101.0",
     "socket.io-client": "4.8.3",
     "sortablejs": "^1.15.7",
-    "stylelint": "17.9.1",
+    "stylelint": "17.14.0",
     "stylelint-config-recommended-vue": "^1.6.1",
     "stylelint-config-standard-scss": "^17.0.0",
     "typescript": "5.9.3",
-    "unplugin": "3.0.0",
-    "uuid": "^14.0.0",
-    "vite": "7.3.2",
-    "vite-plugin-dts": "4.5.4",
+    "unplugin": "3.3.0",
+    "unplugin-dts": "^1.0.3",
+    "uuid": "^14.0.1",
+    "vite": "7.3.6",
     "vite-plugin-vuetify": "^2.1.3",
     "vitepress": "1.6.4",
-    "vitest": "^4.1.5",
-    "vue": "3.5.33",
-    "vue-eslint-parser": "^10.4.0",
-    "vue-i18n": "11.4.0",
-    "vue-router": "5.0.6",
-    "vue-tsc": "3.2.7",
-    "vuetify": "4.0.6",
+    "vitest": "^4.1.9",
+    "vue": "3.5.39",
+    "vue-eslint-parser": "^10.4.1",
+    "vue-i18n": "11.4.6",
+    "vue-router": "5.1.0",
+    "vue-tsc": "3.3.6",
+    "vuetify": "4.1.2",
     "webfontloader": "^1.6.28"
   },
   "peerDependencies": {

src/components/createCachedChip.ts

@@ -0,0 +1,66 @@
+import { type Component, defineComponent, h, type PropType } from 'vue'
+import ACachedChip from '@/components/ACachedChip.vue'
+import type { DocId, IntegerId } from '@/types/common'
+
+export type CachedChipId = null | undefined | IntegerId | DocId
+
+export interface CreateCachedChipOptions {
+  /**
+   * Composable returning the per-id cache getter — invoked inside the chip's
+   * setup so the backing cache store resolves in component scope. The `id`
+   * param is `any` to match `ACachedChip` and accept both numeric- and
+   * doc-id getters regardless of their exact parameter type.
+   */
+  useGetCachedFn: () => (id: any) => unknown
+  /** Named route the chip links to (e.g. `'/(cms)/desks/[id]'`). */
+  route: string
+  /** Dot-path into the cached entity for the chip label (e.g. `'name'`). */
+  displayTextPath: string
+  /** Static props baked onto every instance (e.g. a fixed `textOnly`). */
+  chipProps?: Record<string, unknown>
+  /** Component name for devtools / warnings. */
+  name?: string
+}
+
+/**
+ * Builds a cached-entity chip from a domain's cache composable + route, so each
+ * per-domain `CachedXChip.vue` collapses to a single factory call instead of a
+ * full SFC re-binding `ACachedChip`. Caller-passed attributes (`size`, `color`,
+ * `disable-click`, …) and slots fall through to `ACachedChip`.
+ *
+ * Use in an SFC's plain `<script lang="ts">` (not `setup`):
+ * ```ts
+ * export default createCachedChip({
+ *   useGetCachedFn: () => useCachedDesks().getCachedDesk,
+ *   route: '/(cms)/desks/[id]',
+ *   displayTextPath: 'name',
+ * })
+ * ```
+ */
+export function createCachedChip(options: CreateCachedChipOptions): Component {
+  return defineComponent({
+    name: options.name ?? 'CachedChip',
+    inheritAttrs: false,
+    // Vue skips type validation for null/undefined on non-required props, so a
+    // null id (the common "empty" case) won't warn despite the typed prop.
+    props: {
+      id: { type: [Number, String] as PropType<CachedChipId>, default: null },
+    },
+    setup(props, { attrs, slots }) {
+      const getCachedFn = options.useGetCachedFn()
+      return () =>
+        h(
+          ACachedChip,
+          {
+            id: props.id,
+            getCachedFn,
+            route: options.route,
+            displayTextPath: options.displayTextPath,
+            ...options.chipProps,
+            ...attrs,
+          },
+          slots,
+        )
+    },
+  })
+}