@cat-factory/app 0.58.0 → 0.58.2

package/app/composables/usePipelineErrorToast.ts

@@ -45,6 +45,7 @@ const CONFLICT_TITLE_KEYS: Record<
   github_not_connected: 'errors.conflict.title.github_not_connected',
   bootstrap_not_retryable: 'errors.conflict.title.bootstrap_not_retryable',
   bootstrap_reference_missing: 'errors.conflict.title.bootstrap_reference_missing',
+  provision_type_unhandled: 'errors.conflict.title.provision_type_unhandled',
 }
 
 /**

package/app/spa-loading-template.html

@@ -0,0 +1,32 @@
+<!-- Early SPA loading shell painted before the JS bundle parses + Vue mounts
+     (Nuxt removes it on mount). Self-contained: main.css/icon fonts aren't loaded
+     yet, so styles + spinner are inline pure-CSS. Spinner-only keeps it
+     locale-neutral. Wired via app.spaLoadingTemplate in nuxt.config.ts. -->
+<div class="cf-spa-loader" role="status" aria-label="Loading">
+  <div class="cf-spa-loader__spinner"></div>
+</div>
+<style>
+  .cf-spa-loader {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /* --board-bg / slate-950, matching the board surface AuthGate renders on. */
+    background-color: #0b1020;
+  }
+  .cf-spa-loader__spinner {
+    width: 2rem;
+    height: 2rem;
+    border-radius: 9999px;
+    /* Track in slate-700, the active arc in indigo-500 (the app's primary). */
+    border: 3px solid #334155;
+    border-top-color: #6366f1;
+    animation: cf-spa-spin 1s linear infinite;
+  }
+  @keyframes cf-spa-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+</style>

package/i18n/locales/en.json

@@ -282,7 +282,8 @@
         "no_pr_to_merge": "No PR to merge",
         "github_not_connected": "GitHub not connected",
         "bootstrap_not_retryable": "Bootstrap can’t be retried",
-        "bootstrap_reference_missing": "Reference architecture is gone"
+        "bootstrap_reference_missing": "Reference architecture is gone",
+        "provision_type_unhandled": "No handler for this provision type"
       },
       "fallbackMessage": "This action conflicts with the current state.",
       "providersUnconfigured": {

package/nuxt.config.ts

@@ -102,6 +102,14 @@ export default defineNuxtConfig({
     },
   },
 
+  // Static loader shown before the JS bundle parses + Vue mounts, so the very
+  // first paint isn't a blank white screen. This is a Nuxt *layer*, and Nuxt's
+  // default `spaLoadingTemplate` resolution looks under the CONSUMER's srcDir,
+  // so a file dropped in this layer would be silently ignored when a deployment
+  // `extends` it — anchor it to this layer's dir (the same `~`/`@` rebinding
+  // trap the `css:` block above works around). See the comment at the top.
+  spaLoadingTemplate: join(layerDir, 'app/spa-loading-template.html'),
+
   app: {
     head: {
       title: 'Agent Architecture Board',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.58.0",
+  "version": "0.58.2",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "valibot": "^1.4.2",
     "vue": "^3.5.39",
     "wretch": "^3.0.9",
-    "@cat-factory/contracts": "0.58.0"
+    "@cat-factory/contracts": "0.60.0"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",