@jskit-ai/shell-web 0.1.182 → 0.1.184

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/shell-web",
-  "version": "0.1.182",
+  "version": "0.1.184",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -31,7 +31,7 @@
     "@mdi/js": "^7.4.47"
   },
   "peerDependencies": {
-    "@jskit-ai/kernel": "0.1.178",
+    "@jskit-ai/kernel": "0.1.180",
     "pinia": "^3.0.4",
     "vue": "^3.5.13",
     "vue-router": "^5.0.4",

package/patterns/application-shell/PATTERN.md

@@ -32,6 +32,7 @@ placement registry, topology, and adaptive smoke helper exported by
 ## Invariants
 
 - `App.vue`, the shell layout, placements, topology, and route pages agree.
+- Route pages do not add a page header or standalone heading by default.
 - Navigation uses semantic placements rather than direct component injection.
 - Compact controls have accessible names and at least 48 CSS-pixel targets.
 - Cached route/resource state hydrates writable UI state synchronously or with

package/patterns/application-shell/example/expected-existing/src/pages/home/index.vue

@@ -1,15 +1,6 @@
 <template>
   <section class="home-start-screen d-flex flex-column ga-4">
-    <header>
-      <p class="text-overline text-medium-emphasis mb-1">Home</p>
-      <h1 class="home-start-screen__title">Home base</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">
-        The app runtime is online and ready for the first real workflow.
-      </p>
-    </header>
-
     <v-sheet rounded="lg" border class="home-start-screen__panel">
-      <h2 class="text-h6 mb-2">No activity yet</h2>
       <p class="text-body-2 text-medium-emphasis mb-0">
         Recent work, saved records, and next actions will appear here once this app has data.
       </p>
@@ -19,30 +10,12 @@
 
 <style scoped>
 .home-start-screen {
-  --home-start-title-size: 2rem;
   --home-start-panel-padding: 1rem;
-}
-
-.home-start-screen {
   margin-inline: auto;
   max-width: 48rem;
 }
 
-.home-start-screen__title {
-  font-size: var(--home-start-title-size);
-  font-weight: 700;
-  letter-spacing: 0;
-  line-height: 1.08;
-  margin: 0 0 0.45rem;
-}
-
 .home-start-screen__panel {
   padding: var(--home-start-panel-padding);
 }
-
-@media (max-width: 640px) {
-  .home-start-screen {
-    --home-start-title-size: 1.5rem;
-  }
-}
 </style>

package/patterns/application-shell/example/src/pages/home/index.vue

@@ -29,16 +29,9 @@ const health = computed(() => {
 
 <template>
   <section class="home-surface-screen d-flex flex-column ga-4">
-    <header class="home-surface-screen__header">
-      <div>
-        <p class="text-overline text-medium-emphasis mb-1">Home</p>
-        <h1 class="home-surface-screen__title">Ready</h1>
-        <p class="text-body-2 text-medium-emphasis mb-0">
-          Core services are available.
-        </p>
-      </div>
+    <div class="home-surface-screen__actions">
       <v-btn color="primary" variant="flat" to="/home/settings/general">Settings</v-btn>
-    </header>
+    </div>
 
     <v-sheet rounded="lg" border class="home-surface-screen__panel">
       <div class="home-surface-screen__status">
@@ -56,23 +49,12 @@ const health = computed(() => {
 
 <style scoped>
 .home-surface-screen {
-  --home-surface-title-size: 2rem;
   --home-surface-panel-padding: 1rem;
 }
 
-.home-surface-screen__header {
-  align-items: flex-start;
+.home-surface-screen__actions {
   display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-}
-
-.home-surface-screen__title {
-  font-size: var(--home-surface-title-size);
-  font-weight: 700;
-  letter-spacing: 0;
-  line-height: 1.1;
-  margin: 0 0 0.4rem;
+  justify-content: flex-end;
 }
 
 .home-surface-screen__panel {
@@ -90,15 +72,7 @@ const health = computed(() => {
 }
 
 @media (max-width: 640px) {
-  .home-surface-screen {
-    --home-surface-title-size: 1.5rem;
-  }
-
-  .home-surface-screen__header {
-    flex-direction: column;
-  }
-
-  .home-surface-screen__header :deep(.v-btn) {
+  .home-surface-screen__actions :deep(.v-btn) {
     min-height: 48px;
     width: 100%;
   }

package/patterns/application-shell/example/src/pages/home/settings/general/index.vue

@@ -16,12 +16,9 @@ const drawerDefaultOpenModel = computed({
 
 <template>
   <section class="settings-general-screen d-flex flex-column ga-4">
-    <div>
-      <h2 class="text-h6 mb-2">Navigation</h2>
-      <p class="text-body-2 text-medium-emphasis mb-0">
-        On wider screens, collapsed navigation remains available as a rail. Phone layouts close the drawer and keep primary navigation in the bottom bar.
-      </p>
-    </div>
+    <p class="text-body-2 text-medium-emphasis mb-0">
+      On wider screens, collapsed navigation remains available as a rail. Phone layouts close the drawer and keep primary navigation in the bottom bar.
+    </p>
 
     <v-switch
       v-model="drawerDefaultOpenModel"

package/patterns/application-shell/example/src/pages/home/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">Settings</p>
-      <h1 class="settings-shell__title">Home settings</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">Configure shell behavior for this surface.</p>
-    </header>
-
     <v-sheet rounded="lg" border class="settings-shell__panel">
       <div class="settings-shell__body">
         <nav class="settings-shell__nav" aria-label="Home settings sections">
@@ -29,18 +23,9 @@ import { RouterView } from "vue-router";
 
 <style scoped>
 .settings-shell {
-  --settings-shell-title-size: 1.85rem;
   --settings-shell-panel-padding: 1rem;
 }
 
-.settings-shell__title {
-  font-size: var(--settings-shell-title-size);
-  font-weight: 650;
-  letter-spacing: 0;
-  line-height: 1.15;
-  margin: 0 0 0.35rem;
-}
-
 .settings-shell__panel {
   overflow: hidden;
 }
@@ -81,10 +66,6 @@ import { RouterView } from "vue-router";
 }
 
 @media (max-width: 960px) {
-  .settings-shell {
-    --settings-shell-title-size: 1.35rem;
-  }
-
   .settings-shell__body {
     grid-template-columns: 1fr;
   }

package/patterns/page-and-placement/PATTERN.md

@@ -30,6 +30,7 @@ a filename alone.
 ## Invariants
 
 - File routes and placement destinations agree.
+- Route pages do not add a page header or standalone heading by default.
 - Placement ids describe product ownership, not the authoring mechanism.
 - Child links share an explicit section owner.
 - Topology maps each semantic placement to concrete responsive outlets.

package/patterns/page-and-placement/example/src/pages/home/reports/activity.vue

@@ -1,6 +1,5 @@
 <template>
-  <section aria-labelledby="reports-activity-title">
-    <h2 id="reports-activity-title" class="text-h5 mb-2">Activity</h2>
+  <section>
     <p class="text-body-1 text-medium-emphasis mb-0">
       Recent catalogue changes appear here.
     </p>

package/patterns/page-and-placement/example/src/pages/home/reports/overview.vue

@@ -1,6 +1,5 @@
 <template>
-  <section aria-labelledby="reports-overview-title">
-    <h2 id="reports-overview-title" class="text-h5 mb-2">Overview</h2>
+  <section>
     <p class="text-body-1 text-medium-emphasis mb-0">
       Your reading and catalogue summary appears here.
     </p>

package/patterns/page-and-placement/example/src/pages/home/reports.vue

@@ -5,14 +5,6 @@ import { RouterView } from "vue-router";
 
 <template>
   <section class="reports-section d-flex flex-column ga-4">
-    <header>
-      <p class="text-overline text-medium-emphasis mb-1">Insights</p>
-      <h1 class="text-h4 font-weight-medium mb-1">Reports</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">
-        Review catalogue activity and completion trends.
-      </p>
-    </header>
-
     <nav aria-label="Report sections">
       <v-tabs density="comfortable">
         <ShellOutlet target="reports:section-nav" />

package/test/settingsPlacementContract.test.js

@@ -54,7 +54,7 @@ test("shell-web application pattern exposes surface-derived settings outlets", a
 
   assert.match(source, /target="home-settings:primary-menu"/);
   assert.match(source, /class="settings-shell d-flex flex-column ga-4"/);
-  assert.match(source, /--settings-shell-title-size/);
+  assert.match(source, /--settings-shell-panel-padding/);
   assert.doesNotMatch(source, /generated-ui/u);
   assert.doesNotMatch(source, /default-link-component-token/);
   assert.match(source, /<RouterView \/>/);
@@ -538,9 +538,9 @@ test("shell-web pattern home page relies on adaptive navigation instead of dead
   );
 
   assert.match(source, /class="home-surface-screen d-flex flex-column ga-4"/);
-  assert.match(source, /--home-surface-title-size/);
+  assert.match(source, /--home-surface-panel-padding/);
   assert.doesNotMatch(source, /generated-ui/u);
-  assert.match(source, /Core services are available\./);
+  assert.match(source, /Service health/);
   assert.match(source, /to="\/home\/settings\/general"/);
   assert.doesNotMatch(source, /Use bottom navigation|Replace this content|Main public surface/);
   assert.doesNotMatch(source, /\/console/);