@cat-factory/app 0.311.1 → 0.311.2

package/README.md

@@ -1494,7 +1494,7 @@ the same list, plus the install-free frontend guards.
 ```bash
 # From the repo root:
 pnpm install
-pnpm dev:frontend                                    # Nuxt dev server via deploy/frontend; set NUXT_PUBLIC_API_BASE to a running Worker
+pnpm dev:frontend                                    # Nuxt dev server via deploy/frontend; set NUXT_PUBLIC_API_BASE to a running backend
 pnpm exec turbo run typecheck --filter=@cat-factory/app   # typecheck goes through Turbo
 pnpm lint                                            # oxlint + oxfmt over the whole tree
 
@@ -1504,6 +1504,10 @@ pnpm i18n:check                                      # catalog is well-formed
 pnpm i18n:parity                                     # locales are in parity
 ```
 
+To see the SPA with data while you work on it, run it against the e2e backend: it needs only a
+Postgres, fakes the LLM, the agent runner and GitHub, and can seed boards. See
+[Running the SPA against the e2e backend](https://github.com/kibertoad/cat-factory/blob/main/backend/internal/e2e/README.md#running-the-spa-against-the-e2e-backend-ui-development).
+
 > Building/deploying the static site is covered in the deployment docs: see the
 > [top-level README → Deployment](https://github.com/kibertoad/cat-factory/blob/main/README.md#deployment) and
 > [`deploy/frontend/README.md`](https://github.com/kibertoad/cat-factory/blob/main/deploy/frontend/README.md).

package/app/app.config.ts

@@ -23,25 +23,6 @@ export default defineAppConfig({
     badge: {
       defaultVariants: { color: 'primary', variant: 'solid', size: 'md' },
     },
-    // Give every overlay the same layered surface the agent-run-details reader uses: the deep
-    // `app-950` surface (below `bg-default`) so the `bg-default` panels/cards inside pop, with
-    // `border-default` chrome. All tokens are theme role tokens (`app-950` is the hand-defined
-    // flipping token for the deep shade), so overlays track dark/light. Applies to all
-    // UModal/USlideover instances so they stay consistent without per-instance `:ui` overrides.
-    modal: {
-      slots: {
-        content: 'bg-app-950 ring-default divide-default',
-        header: 'border-b border-default',
-        title: 'text-highlighted',
-      },
-    },
-    slideover: {
-      slots: {
-        content: 'bg-app-950 ring-default divide-default',
-        header: 'border-b border-default',
-        title: 'text-highlighted',
-      },
-    },
     // The toaster's scroll region is the ONE `[data-slot='viewport']` the app's own
     // CSS may target: Nuxt UI reuses that attribute for the item list of every menu
     // component too. This marker class is what `main.css` hangs the safe-area offset

package/app/components/bootstrap/AdoptionReviewModal.vue

@@ -309,7 +309,7 @@ watch(open, (isOpen) => {
               </div>
 
               <div class="grid gap-2 text-xs sm:grid-cols-2">
-                <div class="rounded-sm bg-default/60 p-2">
+                <div class="rounded-sm bg-elevated/60 p-2">
                   <p class="mb-1 font-semibold text-toned">
                     {{ t('bootstrap.adoption.side.monorepo') }}
                   </p>
@@ -317,7 +317,7 @@ watch(open, (isOpen) => {
                     {{ decision.monorepoPractice ?? t('bootstrap.adoption.side.nothing') }}
                   </p>
                 </div>
-                <div class="rounded-sm bg-default/60 p-2">
+                <div class="rounded-sm bg-elevated/60 p-2">
                   <p class="mb-1 font-semibold text-toned">
                     {{ t('bootstrap.adoption.side.template') }}
                   </p>

package/app/components/common/AsyncViewError.vue

@@ -12,7 +12,7 @@ function reload() {
   <!-- safe-area-ok: a scrim with one card centred on it, so no content reaches an edge -->
   <div
     data-testid="async-view-error"
-    class="fixed inset-0 z-50 grid place-items-center bg-app-950/80 p-6 backdrop-blur-sm"
+    class="fixed inset-0 z-50 grid place-items-center bg-elevated/75 p-6 backdrop-blur-sm"
     role="alert"
   >
     <div class="max-w-sm rounded-2xl border border-muted bg-default p-5 shadow-2xl">

package/app/components/documents/DocumentTemplatesModal.vue

@@ -136,7 +136,7 @@ async function unlink(doc: SourceDocument) {
             </p>
             <div
               v-if="template"
-              class="mt-2 flex items-center justify-between gap-2 rounded-md bg-default/70 px-3 py-2"
+              class="mt-2 flex items-center justify-between gap-2 rounded-md bg-elevated/70 px-3 py-2"
             >
               <DocumentOriginLink
                 :url="template.url"
@@ -173,7 +173,7 @@ async function unlink(doc: SourceDocument) {
               <div
                 v-for="doc in exemplars"
                 :key="`${doc.source}:${doc.externalId}`"
-                class="flex items-center justify-between gap-2 rounded-md bg-default/70 px-3 py-2"
+                class="flex items-center justify-between gap-2 rounded-md bg-elevated/70 px-3 py-2"
               >
                 <DocumentOriginLink
                   :url="doc.url"

package/app/components/layout/SideBar.vue

@@ -157,7 +157,7 @@ watch(
     <!-- safe-area-ok: a scrim with no content; the drawer below pads its own edges -->
     <div
       v-if="ui.mobileNavOpen"
-      class="fixed inset-0 z-30 bg-app-950/60 backdrop-blur-sm lg:hidden"
+      class="fixed inset-0 z-30 bg-elevated/75 backdrop-blur-sm lg:hidden"
       data-testid="sidebar-backdrop"
       role="button"
       tabindex="-1"

package/app/components/panels/ResultWindowShell.vue

@@ -257,7 +257,7 @@ const chipClass = computed(() =>
 
 const backdropClass = computed(() => [
   WINDOWED_OVERLAY_CLASS,
-  'z-50 justify-center bg-app-950/70 backdrop-blur-sm',
+  'z-50 justify-center bg-elevated/75 backdrop-blur-sm',
   props.variant === 'centered' ? 'items-center' : 'items-stretch',
 ])
 // The centered cap is the smaller of 90dvh and the backdrop's padded box: with a large inset (a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.311.1",
+  "version": "0.311.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",