@jskit-ai/workspaces-web 0.1.157 → 0.1.158

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/workspaces-web",
-  "version": "0.1.157",
+  "version": "0.1.158",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -14,16 +14,16 @@
     "./client/composables/useWorkspaceRouteContext": "./src/client/composables/useWorkspaceRouteContext.js"
   },
   "dependencies": {
-    "@jskit-ai/users-core": "0.1.191",
-    "@jskit-ai/workspaces-core": "0.1.156",
+    "@jskit-ai/users-core": "0.1.192",
+    "@jskit-ai/workspaces-core": "0.1.157",
     "@mdi/js": "^7.4.47"
   },
   "peerDependencies": {
-    "@jskit-ai/auth-web": "0.1.178",
-    "@jskit-ai/http-web": "0.1.23",
-    "@jskit-ai/kernel": "0.1.178",
-    "@jskit-ai/shell-web": "0.1.182",
-    "@jskit-ai/users-web": "0.1.196",
+    "@jskit-ai/auth-web": "0.1.179",
+    "@jskit-ai/http-web": "0.1.24",
+    "@jskit-ai/kernel": "0.1.179",
+    "@jskit-ai/shell-web": "0.1.183",
+    "@jskit-ai/users-web": "0.1.197",
     "@tanstack/vue-query": "^5.90.5",
     "vue": "^3.5.13",
     "vue-router": "^5.0.4",

package/patterns/workspace-surfaces/PATTERN.md

@@ -32,6 +32,8 @@ Use the workspace client provider, components, and composables exported by
 ## Invariants
 
 - Route workspace slug, selected workspace, and server scope stay synchronized.
+- Route and surface pages do not add a page header or standalone heading by
+  default.
 - Invitation acceptance is public only where the server contract permits it.
 - Administrative UI visibility never substitutes for server authorization.
 - Query and route state hydrate immediately on warm-cache navigation.

package/patterns/workspace-surfaces/example/src/components/WorkspaceNotFoundCard.vue

@@ -19,12 +19,9 @@ const normalizedMessage = computed(() => String(props.message || "").trim() || "
 
 <template>
   <v-sheet rounded="lg" border class="workspace-unavailable-panel">
-    <div class="workspace-unavailable-panel__header">
+    <div class="workspace-unavailable-panel__status">
       <v-icon :icon="mdiAlertCircleOutline" color="error" />
-      <div>
-        <h1 class="workspace-unavailable-panel__title">Unavailable</h1>
-        <p class="text-body-2 text-medium-emphasis mb-0">{{ normalizedSurfaceLabel }} surface.</p>
-      </div>
+      <p class="text-body-2 text-medium-emphasis mb-0">{{ normalizedSurfaceLabel }} surface unavailable.</p>
     </div>
     <p class="text-body-2 text-medium-emphasis mb-0">{{ normalizedMessage }}</p>
   </v-sheet>
@@ -37,17 +34,9 @@ const normalizedMessage = computed(() => String(props.message || "").trim() || "
   padding: 1rem;
 }
 
-.workspace-unavailable-panel__header {
+.workspace-unavailable-panel__status {
   align-items: flex-start;
   display: flex;
   gap: 0.75rem;
 }
-
-.workspace-unavailable-panel__title {
-  font-size: clamp(1.35rem, 2vw, 1.85rem);
-  font-weight: 650;
-  letter-spacing: -0.02em;
-  line-height: 1.15;
-  margin: 0 0 0.25rem;
-}
 </style>

package/patterns/workspace-surfaces/example/src/pages/admin/workspace/settings/index.vue

@@ -1,7 +1,6 @@
 <template>
   <section class="workspace-settings-landing">
     <v-sheet rounded="lg" border class="workspace-settings-landing__panel">
-      <h2 class="workspace-settings-landing__title">No settings sections yet</h2>
       <p class="text-body-2 text-medium-emphasis mb-0">
         This app has no workspace-level settings configured.
       </p>
@@ -13,11 +12,4 @@
 .workspace-settings-landing__panel {
   padding: 1rem;
 }
-
-.workspace-settings-landing__title {
-  font-size: 1rem;
-  font-weight: 650;
-  line-height: 1.2;
-  margin: 0 0 0.25rem;
-}
 </style>

package/patterns/workspace-surfaces/example/src/pages/admin/workspace/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">Workspace settings</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">Configure the current workspace and its members.</p>
-    </header>
-
     <v-sheet rounded="lg" border class="settings-shell__panel">
       <nav class="settings-shell__nav" aria-label="Workspace 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;

package/patterns/workspace-surfaces/example/src/surfaces/admin/index.vue

@@ -20,20 +20,12 @@ function adminChildPath(suffix = "") {
     surface-label="Admin"
   />
   <section v-else class="workspace-admin-screen d-flex flex-column ga-4">
-    <header class="workspace-admin-screen__header">
-      <div>
-        <p class="text-overline text-medium-emphasis mb-1">Admin</p>
-        <h1 class="workspace-admin-screen__title">Workspace Admin</h1>
-        <p class="text-body-2 text-medium-emphasis mb-0">Manage members and workspace settings.</p>
-      </div>
-      <div class="workspace-admin-screen__actions">
-        <v-btn color="primary" variant="flat" :to="adminChildPath('members')">Members</v-btn>
-        <v-btn color="primary" variant="tonal" :to="adminChildPath('workspace/settings')">Settings</v-btn>
-      </div>
-    </header>
+    <div class="workspace-admin-screen__actions">
+      <v-btn color="primary" variant="flat" :to="adminChildPath('members')">Members</v-btn>
+      <v-btn color="primary" variant="tonal" :to="adminChildPath('workspace/settings')">Settings</v-btn>
+    </div>
 
     <v-sheet rounded="lg" border class="workspace-admin-screen__panel">
-      <h2 class="text-h6 mb-2">Admin tasks</h2>
       <p class="text-body-2 text-medium-emphasis mb-0">
         Review workspace access, members, and operational settings from this surface.
       </p>
@@ -42,21 +34,6 @@ function adminChildPath(suffix = "") {
 </template>
 
 <style scoped>
-.workspace-admin-screen__header {
-  align-items: flex-start;
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-}
-
-.workspace-admin-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;
-}
-
 .workspace-admin-screen__actions {
   display: flex;
   flex-wrap: wrap;
@@ -69,10 +46,6 @@ function adminChildPath(suffix = "") {
 }
 
 @media (max-width: 640px) {
-  .workspace-admin-screen__header {
-    flex-direction: column;
-  }
-
   .workspace-admin-screen__actions {
     width: 100%;
   }

package/patterns/workspace-surfaces/example/src/surfaces/app/index.vue

@@ -12,14 +12,7 @@ const { workspaceUnavailable, workspaceUnavailableMessage } = useWorkspaceNotFou
     surface-label="App"
   />
   <section v-else class="workspace-home-screen d-flex flex-column ga-4">
-    <header>
-      <p class="text-overline text-medium-emphasis mb-1">Workspace</p>
-      <h1 class="workspace-home-screen__title">Workspace Home</h1>
-      <p class="text-body-2 text-medium-emphasis mb-0">The current workspace is active.</p>
-    </header>
-
     <v-sheet rounded="lg" border class="workspace-home-screen__panel">
-      <h2 class="text-h6 mb-2">No workspace activity yet</h2>
       <p class="text-body-2 text-medium-emphasis mb-0">
         Activity from workspace workflows will appear here.
       </p>
@@ -28,14 +21,6 @@ const { workspaceUnavailable, workspaceUnavailableMessage } = useWorkspaceNotFou
 </template>
 
 <style scoped>
-.workspace-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;
-}
-
 .workspace-home-screen__panel {
   margin-inline: auto;
   max-width: 34rem;

package/test/settingsPlacementContract.test.js

@@ -99,9 +99,9 @@ test("workspace pattern includes pending-invite context and product-ready empty
   assert.match(cue, /placementContext\.value\?\.pendingInvitesCount/);
   assert.match(cue, /placementContext\.value\?\.workspaceInvitesEnabled/);
   assert.doesNotMatch(cue, /\bfetch\s*\(|\buseQuery\b/);
-  assert.match(settingsLanding, /No settings sections yet/);
-  assert.match(appSurface, /No workspace activity yet/);
-  assert.match(adminSurface, /Manage members and workspace settings/);
+  assert.match(settingsLanding, /This app has no workspace-level settings configured/);
+  assert.match(appSurface, /Activity from workspace workflows will appear here/);
+  assert.match(adminSurface, /Review workspace access, members, and operational settings/);
   assert.doesNotMatch(appSurface, /Replace this page|Primary in-workspace surface/);
   assert.doesNotMatch(adminSurface, /Use this area|Privileged workspace workflows/);
 });