@jskit-ai/console-web 0.1.145 → 0.1.147

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@jskit-ai/console-web",
-  "version": "0.1.145",
+  "version": "0.1.147",
   "type": "module",
   "scripts": {
     "test": "node --test"
   },
   "dependencies": {
-    "@jskit-ai/console-core": "0.1.140"
+    "@jskit-ai/console-core": "0.1.142"
   },
   "description": "Authenticated console surface scaffold and surface policy wiring.",
   "jskit": {
@@ -108,7 +108,7 @@
     }
   },
   "peerDependencies": {
-    "@jskit-ai/auth-web": "0.1.177",
-    "@jskit-ai/shell-web": "0.1.181"
+    "@jskit-ai/auth-web": "0.1.179",
+    "@jskit-ai/shell-web": "0.1.183"
   }
 }

package/patterns/console-surface/PATTERN.md

@@ -31,6 +31,7 @@ placement, and topology APIs for application composition.
 ## Invariants
 
 - Server policy enforces console access before application actions run.
+- Route pages do not add a page header or standalone heading by default.
 - The surface definition and route pages use the same surface id.
 - The profile switch is visible only to authorized authenticated users.
 - Settings navigation uses semantic placements and responsive topology.

package/patterns/console-surface/example/src/pages/console/index.vue

@@ -1,13 +1,8 @@
 <template>
   <section class="console-home-screen d-flex flex-column ga-4">
-    <header class="console-home-screen__header">
-      <div>
-        <p class="text-overline text-medium-emphasis mb-1">Console</p>
-        <h1 class="console-home-screen__title">Operations Console</h1>
-        <p class="text-body-2 text-medium-emphasis mb-0">Operator tools, scripts, and diagnostics.</p>
-      </div>
+    <div class="console-home-screen__actions">
       <v-btn color="primary" variant="flat" to="/home">Back to home</v-btn>
-    </header>
+    </div>
 
     <v-sheet rounded="lg" border class="console-home-screen__panel">
       <div class="console-home-screen__status-row">
@@ -22,19 +17,9 @@
 </template>
 
 <style scoped>
-.console-home-screen__header {
-  align-items: flex-start;
+.console-home-screen__actions {
   display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-}
-
-.console-home-screen__title {
-  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
-  font-weight: 700;
-  letter-spacing: -0.03em;
-  line-height: 1.1;
-  margin: 0 0 0.4rem;
+  justify-content: flex-end;
 }
 
 .console-home-screen__panel {
@@ -50,11 +35,7 @@
 }
 
 @media (max-width: 640px) {
-  .console-home-screen__header {
-    flex-direction: column;
-  }
-
-  .console-home-screen__header :deep(.v-btn) {
+  .console-home-screen__actions :deep(.v-btn) {
     min-height: 48px;
     width: 100%;
   }

package/patterns/console-surface/example/src/pages/console/settings/index.vue

@@ -1,6 +1,5 @@
 <template>
   <section class="console-settings-empty">
-    <h2 class="text-h6 mb-2">No console settings yet</h2>
     <p class="text-body-2 text-medium-emphasis mb-0">
       Console settings sections will appear here when installed.
     </p>

package/patterns/console-surface/example/src/pages/console/settings.vue

@@ -5,12 +5,6 @@ import { RouterView } from "vue-router";
 
 <template>
   <section class="settings-shell d-flex flex-column ga-4">
-    <header>
-      <p class="text-overline text-medium-emphasis mb-1">Console</p>
-      <h1 class="settings-shell__title">Console settings</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">Global configuration and reference data for the whole app.</p>
-    </header>
-
     <v-sheet rounded="lg" border class="settings-shell__panel">
       <nav class="settings-shell__nav" aria-label="Console settings sections">
         <v-list nav density="compact" class="settings-shell__nav-list">
@@ -25,14 +19,6 @@ import { RouterView } from "vue-router";
 </template>
 
 <style scoped>
-.settings-shell__title {
-  font-size: clamp(1.35rem, 2vw, 1.85rem);
-  font-weight: 650;
-  letter-spacing: -0.02em;
-  line-height: 1.15;
-  margin: 0 0 0.35rem;
-}
-
 .settings-shell__panel {
   display: grid;
   gap: 1rem;