@jskit-ai/assistant-core 0.2.24 → 0.2.25

package/CHANGELOG.md

@@ -2,7 +2,10 @@
 
 ## Unreleased
 
-- The avatar's Show and Minimise buttons set no fixed height: they are 40dp icon buttons with material-web's 48dp touch target, so `jskit check m3` passes on `AssistantConversationElement`.
+- The conversation's remaining boxes are Material 3 tonal containers instead of outlines, visual only: queued and sent attachments and the questions are `surface-container-high`, code blocks and inline code `surface-container-highest`, tables and details `surface-container-low` (a table keeps `outline-variant` row dividers), question numbers `secondary-container` badges, and the model menu a `surface-container` surface at elevation level 2 with `outline-variant` dividers. The composer stays Material 3's outlined text field, the only outline left.
+- `AssistantSettingsFormCard` takes a `formId`: its form gets that id and the card draws no Save button of its own, so the page's app bar can carry Save as a submit button for the form (`type="submit" form="<formId>"`), as a Material 3 settings pane does. Without one, the card keeps its Save; a person who may not save still sees the read-only note.
+- Material 3 containers in the conversation, visual only: the transcript area is no longer outlined (its bubbles are the only containers, and the welcome bubble is a tonal fill without an outline), the composer is Material 3's outlined text field (4dp corners, the `outline` role, a 2dp primary outline on focus, 16dp side padding) with Send and the other actions 12dp from it (8dp when compact), and `AssistantSettingsFormCard` adds no heading or divider inside the settings pane that titles it: its subtitle is the card's first line and its title names the section for assistive technology.
+- The avatar's Show and Minimise buttons set no fixed size: they are 40dp icon buttons with material-web's 48dp touch target, so `jskit check m3` passes on `AssistantConversationElement`. The collapsed Show button is 40dp wide like Minimise, no longer 44dp.
 - The goal menu closes when Cancel succeeds, as it does after Start; Pause and Resume keep it open.
 - `AssistantConversationElement` has an `avatar-thumbnail` slot, with the `{ size, height }` scope of the other avatar slots: while the avatar is hidden, the **Show avatar** button draws its content instead of the anonymous account icon, such as a still miniature of the avatar, clipped to the button's round 32-pixel disc. The button keeps its label, title and 44-pixel target, and shows the icon as before without the slot.
 - A delivered Codex turn is held as not yet started only until Codex reports it: a `turn/started` that arrives before the `turn/start` answer counts, and a thread read listing exactly that turn as completed or failed settles a turn whose notifications were missed, so its answer is no longer kept waiting for a notification that never comes.

package/examples/conversation/package.json

@@ -8,14 +8,14 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@jskit-ai/assistant-core": "0.2.24",
-    "@jskit-ai/http-runtime": "0.2.10",
-    "@jskit-ai/kernel": "0.2.10",
-    "@jskit-ai/material-web": "0.1.2",
+    "@jskit-ai/assistant-core": "0.2.25",
+    "@jskit-ai/http-runtime": "0.2.11",
+    "@jskit-ai/kernel": "0.2.11",
+    "@jskit-ai/material-web": "0.1.3",
     "vue": "^3.5.13",
     "vuetify": "^4.0.0",
-    "@jskit-ai/connectors-core": "0.2.11",
-    "@jskit-ai/connectors-catalog": "0.2.11"
+    "@jskit-ai/connectors-core": "0.2.12",
+    "@jskit-ai/connectors-catalog": "0.2.12"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.7",

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@jskit-ai/assistant-core",
-  "version": "0.2.24",
+  "version": "0.2.25",
   "type": "module",
   "scripts": {
-    "test": "node --test --test-concurrency=1"
+    "test": "jskit test"
   },
   "exports": {
     "./client": "./src/client/index.js",
@@ -51,9 +51,9 @@
     "@ai-sdk/perplexity": "^4.0.43",
     "@ai-sdk/togetherai": "^3.0.49",
     "@ai-sdk/xai": "^4.0.58",
-    "@jskit-ai/agent": "0.1.1",
-    "@jskit-ai/resource-core": "0.1.201",
-    "@jskit-ai/resource-crud-core": "0.1.201",
+    "@jskit-ai/agent": "0.1.2",
+    "@jskit-ai/resource-core": "0.1.202",
+    "@jskit-ai/resource-crud-core": "0.1.202",
     "@openrouter/ai-sdk-provider": "^3.0.0",
     "ai": "^7.0.152",
     "json-rest-schema": "^1.0.17",
@@ -61,8 +61,8 @@
     "ws": "^8.20.1"
   },
   "peerDependencies": {
-    "@jskit-ai/http-runtime": "0.2.10",
-    "@jskit-ai/kernel": "0.2.10",
+    "@jskit-ai/http-runtime": "0.2.11",
+    "@jskit-ai/kernel": "0.2.11",
     "vue": "^3.5.13",
     "vuetify": "^4.3.0"
   },
@@ -220,6 +220,6 @@
     }
   },
   "devDependencies": {
-    "@jskit-ai/material-web": "0.1.2"
+    "@jskit-ai/material-web": "0.1.3"
   }
 }

package/src/client/components/AssistantSettingsFormCard.vue

@@ -1,12 +1,10 @@
 <template>
-  <section :class="props.rootClass">
+  <!-- The settings pane around it carries the page title, so the card adds no heading of its own: the title names the
+       section for assistive technology and the subtitle says what the settings apply to. -->
+  <section :class="props.rootClass" :aria-label="props.title">
     <v-card>
-      <v-card-item>
-        <v-card-title class="text-title-large">{{ props.title }}</v-card-title>
-        <v-card-subtitle>{{ props.subtitle }}</v-card-subtitle>
-      </v-card-item>
-      <v-divider />
-      <v-card-text class="pt-4">
+      <v-card-text>
+        <p class="text-body-medium on-surface-variant mb-4">{{ props.subtitle }}</p>
         <template v-if="props.showFormSkeleton">
           <v-skeleton-loader type="text@2, list-item-two-line@4, button" />
         </template>
@@ -20,10 +18,12 @@
         </p>
 
         <template v-else>
-          <v-form @submit.prevent="props.addEdit.submit" novalidate>
+          <!-- With a formId, the page's app bar carries Save (a submit button for this form), as a settings pane does;
+               the card then shows only the read-only note. -->
+          <v-form :id="props.formId || undefined" @submit.prevent="props.addEdit.submit" novalidate>
             <v-progress-linear v-if="props.addEdit.isRefetching" indeterminate class="mb-4" />
             <slot />
-            <div class="d-flex align-center justify-end ga-3 mt-2">
+            <div v-if="!props.formId || !props.addEdit.canSave" class="d-flex align-center justify-end ga-3 mt-2">
               <v-btn
                 v-if="props.addEdit.canSave"
                 type="submit"
@@ -74,6 +74,11 @@ const props = defineProps({
   showFormSkeleton: {
     type: Boolean,
     default: false
+  },
+  // The form's id, when the page's app bar carries its Save button (type="submit" form="<formId>").
+  formId: {
+    type: String,
+    default: ""
   }
 });
 </script>

package/src/client/conversation/AssistantAttachmentQueue.vue

@@ -307,10 +307,9 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
+/* A Material 3 tonal container above the composer: a surface-container-high fill, no outline. */
 .assistant-attachment-queue {
-  background: rgba(var(--v-theme-on-surface), 0.035);
-  border: 1px solid rgba(var(--v-theme-outline), 0.2);
-  border-bottom: 0;
+  background: rgb(var(--v-theme-surface-container-high));
   border-radius: 14px 14px 0 0;
   color: rgb(var(--v-theme-on-surface));
   display: grid;
@@ -332,7 +331,6 @@ onBeforeUnmount(() => {
 }
 
 .assistant-attachment-queue--standalone {
-  border-bottom: 1px solid rgba(var(--v-theme-outline), 0.2);
   border-radius: 10px;
 }
 

package/src/client/conversation/AssistantConversationElement.vue

@@ -8,7 +8,7 @@
         <slot name="avatar-control" :size="avatarSize" :height="avatarHeight" />
         <v-btn
           icon="$accountCircle" size="small"
-          variant="text" :width="44" :min-width="44"
+          variant="text"
           class="assistant-conversation__avatar-size"
           :aria-label="t('jskit.assistant.chat.showAvatar')" :title="t('jskit.assistant.chat.showAvatar')"
           :aria-expanded="avatarSize !== 'hidden'" @click="toggleAvatar"
@@ -26,7 +26,7 @@
           <slot name="avatar-tools" :size="avatarSize" :height="avatarHeight" />
           <v-btn
             icon="$minus" size="small" variant="text" color="primary"
-            :width="40" :min-width="40" class="assistant-conversation__avatar-size"
+            class="assistant-conversation__avatar-size"
             :aria-label="t('jskit.assistant.chat.minimiseAvatar')" :title="t('jskit.assistant.chat.minimiseAvatar')" :aria-expanded="true"
             @click="toggleAvatar"
           >

package/src/client/conversation/AssistantMessageAttachments.vue

@@ -70,10 +70,10 @@ function attachmentKey(attachment, index) {
   width: min(19rem, 100%);
 }
 
+/* Each attachment is a Material 3 tonal container: a surface-container-high fill, no outline. */
 .assistant-conversation-attachments__item {
   align-items: center;
-  background: rgba(var(--v-theme-surface), 0.82);
-  border: 1px solid rgba(var(--v-theme-outline), 0.2);
+  background: rgb(var(--v-theme-surface-container-high));
   border-radius: 10px;
   color: rgb(var(--v-theme-on-surface));
   min-height: 2.8rem;

package/src/client/conversation/AssistantModelControl.vue

@@ -20,11 +20,12 @@
       />
     </template>
 
+    <!-- A Material 3 menu surface: surface-container at elevation level 2, no outline. -->
     <v-sheet
       :aria-label="t('jskit.assistant.model.selector')"
-      border
       class="assistant-model-control"
-      :elevation="3"
+      color="surface-container"
+      :elevation="2"
       rounded="xl"
     >
       <header class="assistant-model-control__header">
@@ -235,7 +236,7 @@ function selectVariant(value) { if (!props.changesDisabled && !props.saving) emi
 
 .assistant-model-control__header {
   align-items: center;
-  border-bottom: 1px solid rgba(var(--v-theme-outline), 0.12);
+  border-bottom: 1px solid rgb(var(--v-theme-outline-variant));
   display: flex;
   gap: 0.65rem;
   padding: 0.1rem 0.1rem 0.7rem;
@@ -311,7 +312,7 @@ function selectVariant(value) { if (!props.changesDisabled && !props.saving) emi
 
 .assistant-model-control__actions {
   align-items: center;
-  border-top: 1px solid rgba(var(--v-theme-outline), 0.12);
+  border-top: 1px solid rgb(var(--v-theme-outline-variant));
   display: grid;
   gap: 0.4rem;
   grid-template-columns: auto 1fr auto;

package/src/client/conversation/AssistantPromptInput.vue

@@ -261,12 +261,13 @@ defineExpose({ inputElement: textareaRef, focus: focusTextarea, preserveHeightFo
   width: 100%;
 }
 
+/* Material 3's outlined text field: 4dp corners, a 1dp outline that becomes a 2dp primary one on focus (drawn inset, so
+   nothing moves), 16dp side padding, and the label in the outline. */
 .assistant-prompt-input__field {
   background: rgb(var(--v-theme-surface));
-  border: 1px solid rgba(var(--v-theme-on-surface), 0.34);
-  border-radius: 18px;
+  border: 1px solid rgb(var(--v-theme-outline));
+  border-radius: 4px;
   box-sizing: border-box;
-  box-shadow: inset 0 0 0 1px rgba(var(--v-theme-on-surface), 0.08);
   display: grid;
   max-width: 100%;
   min-width: 0;
@@ -274,29 +275,33 @@ defineExpose({ inputElement: textareaRef, focus: focusTextarea, preserveHeightFo
   transition: border-color 120ms ease, box-shadow 120ms ease;
 }
 
+.assistant-prompt-input__field:not(.assistant-prompt-input__field--disabled):hover {
+  border-color: rgb(var(--v-theme-on-surface));
+}
+
 .assistant-prompt-input__field:not(.assistant-prompt-input__field--disabled):focus-within {
   border-color: rgb(var(--v-theme-primary));
-  box-shadow:
-    0 0 0 2px rgba(var(--v-theme-primary), 0.28),
-    inset 0 0 0 1px rgba(var(--v-theme-primary), 0.2);
+  box-shadow: inset 0 0 0 1px rgb(var(--v-theme-primary));
 }
 
 .assistant-prompt-input__field--disabled {
-  background: rgba(var(--v-theme-on-surface), 0.04);
-  border-color: rgba(var(--v-theme-on-surface), 0.16);
-  box-shadow: none;
+  border-color: rgba(var(--v-theme-on-surface), 0.12);
+}
+
+.assistant-prompt-input__field:not(.assistant-prompt-input__field--disabled):focus-within .assistant-prompt-input__label {
+  color: rgb(var(--v-theme-primary));
 }
 
 .assistant-prompt-input__label {
   align-self: start;
   background: rgb(var(--v-theme-surface));
-  color: rgba(var(--v-theme-on-surface), 0.82);
-  font-size: 0.78rem;
-  line-height: 1.1;
-  margin: -0.5rem 0 0 0.9rem;
-  max-width: calc(100% - 1.8rem);
+  color: rgb(var(--v-theme-on-surface-variant));
+  font-size: 0.75rem;
+  line-height: 1rem;
+  margin: -0.5rem 0 0 12px;
+  max-width: calc(100% - 24px);
   overflow: hidden;
-  padding-inline: 0.24rem;
+  padding-inline: 4px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: fit-content;
@@ -349,19 +354,20 @@ defineExpose({ inputElement: textareaRef, focus: focusTextarea, preserveHeightFo
   opacity: 1;
 }
 
+/* Send and the other actions keep 12dp from the outline (8dp in the compact composer). */
 .assistant-prompt-input__footer {
   min-width: 0;
-  padding: 0 0.55rem 0.55rem;
+  padding: 0 12px 12px;
 }
 
 .assistant-prompt-input--compact .assistant-prompt-input__input {
   max-height: min(8rem, 20dvh);
   min-height: 2.5rem;
-  padding: 0.4rem 0.65rem 0.15rem;
+  padding: 0.4rem 12px 0.15rem;
 }
 
 .assistant-prompt-input--compact .assistant-prompt-input__footer {
-  padding: 0 0.3rem 0.25rem;
+  padding: 0 8px 8px;
 }
 
 .assistant-prompt-input__details {

package/src/client/conversation/AssistantTranscript.css

@@ -1,7 +1,6 @@
 .assistant-transcript__plain-user { white-space: pre-wrap; margin: 0; }
+/* The transcript is the page's own area, not a container: its bubbles are the only containers in it. */
 .assistant-transcript {
-  border: 1px solid rgba(var(--v-theme-outline), 0.24);
-  border-radius: 8px;
   display: grid;
   gap: 0.35rem;
   grid-template-rows: minmax(0, 1fr);
@@ -87,7 +86,6 @@
 
 .assistant-transcript__welcome {
   background: rgba(var(--v-theme-primary), 0.08);
-  border: 1px solid rgba(var(--v-theme-primary), 0.18);
   border-radius: 16px;
   color: rgb(var(--v-theme-on-surface));
   display: grid;
@@ -239,10 +237,6 @@
   padding: 0;
 }
 
-.assistant-transcript--task {
-  border-color: rgba(126, 87, 194, 0.32);
-}
-
 .assistant-transcript--task .assistant-transcript__avatar--assistant {
   background: #7e57c2;
 }
@@ -416,10 +410,9 @@
 .assistant-transcript__message--user :deep(.studio-long-text-review__table th > code),
 .assistant-transcript__message--user :deep(.studio-long-text-review__table td > code),
 .assistant-transcript__message--user :deep(.studio-long-text-review__details-summary code) {
-  background: rgba(var(--v-theme-primary), 0.07);
-  border: 1px solid rgba(var(--v-theme-primary), 0.14);
+  background: rgb(var(--v-theme-surface-container-highest));
   border-radius: 3px;
-  color: rgba(var(--v-theme-on-surface), 0.9);
+  color: rgb(var(--v-theme-on-surface));
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   font-size: 0.9em;
   padding: 0.02rem 0.2rem;
@@ -436,10 +429,10 @@
   padding: 0;
 }
 
+/* Questions are tonal containers (surface-container-high), their numbers secondary-container badges: no outlines. */
 .assistant-transcript__question {
   align-items: start;
-  background: rgba(var(--v-theme-surface), 0.62);
-  border: 1px solid rgba(var(--v-theme-outline), 0.2);
+  background: rgb(var(--v-theme-surface-container-high));
   border-radius: 8px;
   box-sizing: border-box;
   display: grid;
@@ -452,10 +445,9 @@
 
 .assistant-transcript__question-number {
   align-items: center;
-  background: rgba(var(--v-theme-primary), 0.1);
-  border: 1px solid rgba(var(--v-theme-primary), 0.2);
+  background: rgb(var(--v-theme-secondary-container));
   border-radius: 999px;
-  color: rgb(var(--v-theme-primary));
+  color: rgb(var(--v-theme-on-secondary-container));
   display: inline-flex;
   font-size: 0.72rem;
   font-weight: 760;

package/src/client/conversation/LongTextInlineParts.vue

@@ -44,10 +44,9 @@ function handleLinkClick(event, part = {}) {
 
 <style scoped>
 code {
-  background: rgba(var(--v-theme-primary), 0.07);
-  border: 1px solid rgba(var(--v-theme-primary), 0.14);
+  background: rgb(var(--v-theme-surface-container-highest));
   border-radius: 3px;
-  color: rgba(var(--v-theme-on-surface), 0.9);
+  color: rgb(var(--v-theme-on-surface));
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   font-size: 0.9em;
   overflow-wrap: anywhere;

package/src/client/conversation/LongTextPreviewBlocks.vue

@@ -240,9 +240,10 @@ h5.studio-long-text-review__heading {
   font-size: 0.8rem;
 }
 
+/* Code, tables and details are Material 3 tonal containers (surface-container tones), not outlined boxes; a
+   table keeps outline-variant dividers between its rows. */
 .studio-long-text-review__code {
-  background: rgba(var(--v-theme-surface-variant), 0.58);
-  border: 1px solid rgba(var(--v-border-color), 0.26);
+  background: rgb(var(--v-theme-surface-container-highest));
   border-radius: 8px;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   font-size: 0.82rem;
@@ -256,7 +257,7 @@ h5.studio-long-text-review__heading {
 }
 
 .studio-long-text-review__table-wrap {
-  border: 1px solid rgba(var(--v-border-color), 0.28);
+  background: rgb(var(--v-theme-surface-container-low));
   border-radius: 8px;
   inline-size: fit-content;
   margin-block: 0.35rem;
@@ -282,7 +283,7 @@ h5.studio-long-text-review__heading {
 
 .studio-long-text-review__table th,
 .studio-long-text-review__table td {
-  border-bottom: 1px solid rgba(var(--v-border-color), 0.22);
+  border-bottom: 1px solid rgb(var(--v-theme-outline-variant));
   max-inline-size: 28rem;
   padding: 0.55rem 0.75rem;
   text-align: left;
@@ -290,7 +291,7 @@ h5.studio-long-text-review__heading {
 }
 
 .studio-long-text-review__table th {
-  background: rgba(var(--v-theme-surface-variant), 0.48);
+  background: rgb(var(--v-theme-surface-container-high));
   color: rgb(var(--v-theme-on-surface));
   font-weight: 760;
   position: sticky;
@@ -320,7 +321,7 @@ h5.studio-long-text-review__heading {
 }
 
 .studio-long-text-review__details {
-  border: 1px solid rgba(var(--v-border-color), 0.34);
+  background: rgb(var(--v-theme-surface-container-low));
   border-radius: 8px;
   display: block;
   min-width: 0;

package/src/server/conversation/codexProviderOwner.js

@@ -550,7 +550,12 @@ export function createCodexAppServerProviderOwner({
     assertOpen();
     if (!record.observationStop || record.observationStop.error !== error) {
       reportRecoveryEvent(record, "lost", error);
-      const stop = { error, promise: invalidation.suspendUnobservedProvider(record, error) };
+      // A shared stop of this native runtime gives each of its peers the failure that started it, and records their
+      // barriers and completion itself. A peer that then loses its own connection to the stopped process joins that
+      // stop instead of stopping the runtime again, which would reopen its stopped barrier while the first finishes.
+      const runtimeKey = codexAppServerOwnedRuntimeKey(record.providerKey, record.providerOptions);
+      const shared = runtimePeers(runtimeKey).find(peer => peer !== record && peer.observationStop?.error === error);
+      const stop = { error, promise: shared?.observationStop.promise || invalidation.suspendUnobservedProvider(record, error) };
       record.observationStop = stop;
       const tracked = stop.promise.catch(failure => {
         reportRecoveryEvent(record, "stopFailed", failure);

package/test/assistantScroll.browser.test.js

@@ -3,16 +3,14 @@ import path from "node:path";
 import process from "node:process";
 import test from "node:test";
 import { fileURLToPath } from "node:url";
-import { chromium, expect } from "@playwright/test";
-import {
-  createChromiumLaunchOptions,
-  startViteFixture,
-  stopProcess
-} from "../../../tooling/testUtils/browserFixture.mjs";
+import { expect } from "../../../tooling/testUtils/browserExpect.mjs";
+import { sharedBrowserFixture } from "../../../tooling/testUtils/browserFixture.mjs";
 
 const TEST_DIRECTORY = path.dirname(fileURLToPath(import.meta.url));
 const FIXTURE_ROOT = path.resolve(TEST_DIRECTORY, "../fixtures/responsive-assistant");
 const RUN_BROWSER_TEST = process.env.JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION === "1";
+// Every test reads the same fixture app, so the file shares one server and one Chromium; each test gets its own pages.
+const openFixture = sharedBrowserFixture({ fixtureRoot: FIXTURE_ROOT });
 // Turns use content-visibility estimates. Moving the reader materializes rows
 // near the new position, and Chromium's scroll anchoring then shifts scrollTop
 // to keep the same content in view. Hold a reading position only once that
@@ -109,9 +107,8 @@ const VIEWPORTS = Object.freeze([
 
 test("progress previews omit expandable details without hiding the current update", {
   skip: !RUN_BROWSER_TEST, timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -137,15 +134,13 @@ test("progress previews omit expandable details without hiding the current updat
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("saved reply attribution remains when the current assistant changes", {
   skip: !RUN_BROWSER_TEST, timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage();
     await page.goto(`${vite.baseURL}/?conversation=1&attribution=1`);
@@ -157,15 +152,13 @@ test("saved reply attribution remains when the current assistant changes", {
     await expect(names).toHaveText(["First assistant", "Message assistant", "Next assistant"]);
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("streaming answers grow in one bubble, preserve drafts and settle once at every width", {
   skip: !RUN_BROWSER_TEST, timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -189,16 +182,14 @@ test("streaming answers grow in one bubble, preserve drafts and settle once at e
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("adjacent reasoning stays grouped across storage rows, history pages and execution changes", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -262,7 +253,6 @@ test("adjacent reasoning stays grouped across storage rows, history pages and ex
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
@@ -286,13 +276,11 @@ test("AssistantConversationElement keeps long conversations scrollable across re
   skip: RUN_BROWSER_TEST
     ? false
     : "set JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION=1 to run assistant-core browser integration",
-  timeout: 180_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  let browser = null;
+  timeout: 90_000
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
 
   try {
-    browser = await chromium.launch(createChromiumLaunchOptions());
     const context = await browser.newContext({
       baseURL: vite.baseURL,
       locale: "en-US"
@@ -315,16 +303,14 @@ test("AssistantConversationElement keeps long conversations scrollable across re
     );
   } finally {
     await browser?.close();
-    await stopProcess(vite);
   }
 });
 
 test("conversation scrolling preserves history anchors and resets expansion on selection", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage();
     await page.goto(`${vite.baseURL}/?controls=1`);
@@ -375,16 +361,14 @@ test("conversation scrolling preserves history anchors and resets expansion on s
     assert.equal(await page.evaluate(() => window.revealPlaceholders), 0, "reopening loaded text does not flash a loading placeholder");
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("a delayed final history page preserves the visible message at every width", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -410,16 +394,14 @@ test("a delayed final history page preserves the visible message at every width"
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("upward scrolling loads older history once and preserves retry and selection behavior", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const touch = width < 1000;
@@ -504,16 +486,14 @@ test("upward scrolling loads older history once and preserves retry and selectio
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("a reader's own upward scrolling leaves the latest message from its first frame", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 1365]) {
       const touch = width < 1000;
@@ -580,16 +560,14 @@ test("a reader's own upward scrolling leaves the latest message from its first f
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("a reader moved away from the end without a scroll direction stays there", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 1365, height: 900 } });
     const errors = [];
@@ -618,16 +596,14 @@ test("a reader moved away from the end without a scroll direction stays there",
     assert.deepEqual(errors, []);
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("retained hidden transcripts preserve readers and follow only at the latest message", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -683,16 +659,14 @@ test("retained hidden transcripts preserve readers and follow only at the latest
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("transient update errors keep the loaded transcript, reader, draft and focus in a compact banner", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -750,16 +724,14 @@ test("transient update errors keep the loaded transcript, reader, draft and focu
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("retained hidden history loads restore their original anchor and invalidate retired requests", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -818,16 +790,14 @@ test("retained hidden history loads restore their original anchor and invalidate
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("conversation composer preserves typing and reacts to external state and pane resizing", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 1365, height: 900 } });
     await page.goto(`${vite.baseURL}/?conversation=1`);
@@ -872,16 +842,14 @@ test("conversation composer preserves typing and reacts to external state and pa
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("working state appears before output and suggestion agents and activity rendering are replaceable", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 390, height: 844 } });
     await page.goto(`${vite.baseURL}/?conversation=1&support=1`);
@@ -910,7 +878,6 @@ test("working state appears before output and suggestion agents and activity ren
     await expect(input).toHaveValue("Keep typing while waiting");
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
@@ -918,9 +885,8 @@ test("working state appears before output and suggestion agents and activity ren
 test("long goal objectives keep Start reachable on short phone, tablet and desktop screens", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const objective = "Complete the requested work and verify the result. ".repeat(80).slice(0, 3990);
     for (const width of [390, 800, 1280]) {
@@ -947,16 +913,14 @@ test("long goal objectives keep Start reachable on short phone, tablet and deskt
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("optional goals show running and paused lights, count only active time, and adapt to pane width", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 1365, height: 900 } });
     await page.clock.install();
@@ -1035,7 +999,6 @@ test("optional goals show running and paused lights, count only active time, and
     await expect(input).toHaveValue("Preserve this draft and caret");
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
@@ -1043,9 +1006,8 @@ test("optional goals show running and paused lights, count only active time, and
 test("shared model choices and file delivery preserve a responsive composer", {
   skip: !RUN_BROWSER_TEST,
   timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 390, height: 844 } });
     await page.goto(`${vite.baseURL}/?conversation=1&capabilities=1`);
@@ -1084,15 +1046,13 @@ test("shared model choices and file delivery preserve a responsive composer", {
     assert.ok(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth));
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 test("an optional avatar clamps in a short conversation without consuming its preference or draft", {
   skip: !RUN_BROWSER_TEST, timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -1122,8 +1082,7 @@ test("an optional avatar clamps in a short conversation without consuming its pr
         assert.ok(send.y + send.height <= bounds.y + bounds.height + 1, "Send stays inside the supplied container");
         assert.ok(feedback.y + feedback.height <= bounds.y + bounds.height + 1, "Feedback stays inside the supplied container");
         assert.ok((await input.boundingBox()).height >= 40);
-        const avatarExpanded = await sizeControl.getAttribute("aria-expanded") === "true";
-        assert.equal(avatarButton.width, avatarExpanded ? 40 : 44, "Expanded minimise is compact; collapsed Show retains its wider target");
+        assert.equal(Math.round(avatarButton.width), 40, "Avatar visibility is a 40dp icon button, Show and Minimise alike");
         assert.equal(Math.round(avatarButton.height), 40, "Avatar visibility is a 40dp icon button, with no fixed height");
         const avatarTarget = await sizeControl.evaluate((element) => Number.parseFloat(window.getComputedStyle(element, "::before").height));
         assert.ok(avatarTarget >= 48, "Avatar visibility keeps Material's 48dp touch target");
@@ -1175,7 +1134,7 @@ test("an optional avatar clamps in a short conversation without consuming its pr
       await expect(artwork).toHaveCount(0);
       await expect(sizeControl).toBeVisible();
       const showBounds = await sizeControl.boundingBox();
-      assert.equal(showBounds.width, 44, "Collapsed Show retains its original wider target");
+      assert.equal(Math.round(showBounds.width), 40, "Collapsed Show is the small icon button, as Minimise is");
       assert.equal(Math.round(showBounds.height), 40, "Collapsed Show keeps the small icon button's height");
       assert.ok(await sizeControl.evaluate(element => Number.parseFloat(getComputedStyle(element, "::before").height)) >= 48,
         "Collapsed Show keeps a 48dp touch target");
@@ -1249,16 +1208,14 @@ test("an optional avatar clamps in a short conversation without consuming its pr
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 
 test("unsent preview edits stay in their bubble and disappear for the canonical message", {
   skip: !RUN_BROWSER_TEST, timeout: 60_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     const page = await browser.newPage({ viewport: { width: 320, height: 844 } });
     await page.goto(`${vite.baseURL}/?conversation=1&preview=1`);
@@ -1363,7 +1320,6 @@ test("unsent preview edits stay in their bubble and disappear for the canonical
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
@@ -1371,9 +1327,8 @@ test("unsent preview edits stay in their bubble and disappear for the canonical
 test("pending history keeps following the reader when a new reply changes transcript height", {
   skip: !RUN_BROWSER_TEST,
   timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -1414,16 +1369,14 @@ test("pending history keeps following the reader when a new reply changes transc
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 
 test("connection warnings keep avatar controls and Reload reachable without replacing history", {
   skip: !RUN_BROWSER_TEST, timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [320, 800]) {
       const page = await browser.newPage({ viewport: { width, height: 1000 } });
@@ -1498,16 +1451,14 @@ test("connection warnings keep avatar controls and Reload reachable without repl
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 
 test("short connection warnings preserve full text and recovery targets at phone widths", {
   skip: !RUN_BROWSER_TEST, timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: FIXTURE_ROOT });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [320, 390]) {
       const page = await browser.newPage({ viewport: { width, height: 768 } });
@@ -1580,6 +1531,5 @@ test("short connection warnings preserve full text and recovery targets at phone
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });

package/test/claudeConversationSession.test.js

@@ -759,7 +759,9 @@ test("Claude cancellation waits for an application effect after closing the nati
 });
 
 test("the common request deadline stops an unfinished native turn and retains its admitted history", async t => {
-  const f = await fixture(t, { limits: { timeoutMs: 2000 } });
+  // The deadline also covers starting the native process and admitting the turn, which took up to 8.4 s (median 1.3 to
+  // 2.5 s) with 4 to 8 copies of this test running on an 8-thread host, so it allows 10 s.
+  const f = await fixture(t, { limits: { timeoutMs: 10_000 } });
   await f.conversation.send({ messageId: "waiting", text: "wait" });
   const snapshot = await f.conversation.wait();
   assert.equal(snapshot.conversationLog[0].metadata.runtime.status, "failed");

package/test/componentContracts.test.js

@@ -11,3 +11,47 @@ test("client entry points expose one conversation implementation and retain sett
   const conversation = await readFile(new URL("../src/client/conversation/index.js", import.meta.url), "utf8");
   assert.match(conversation, /AssistantConversationElement/);
 });
+
+// Material 3: one container at most, the composer an outlined text field, and no heading inside a titled pane.
+test("the transcript, composer and settings card each draw one Material 3 container", async () => {
+  const transcript = await readFile(new URL("../src/client/conversation/AssistantTranscript.css", import.meta.url), "utf8");
+  const block = (css, selector) => new RegExp(`(?:^|\\n)${selector.replaceAll(".", "\\.")} \\{([^}]*)\\}`, "u").exec(css)?.[1] ?? "";
+  assert.doesNotMatch(block(transcript, ".assistant-transcript"), /border/u, "the transcript area is not outlined");
+  assert.doesNotMatch(block(transcript, ".assistant-transcript__welcome"), /\bborder:/u, "the welcome bubble is a tonal fill only");
+  const prompt = await readFile(new URL("../src/client/conversation/AssistantPromptInput.vue", import.meta.url), "utf8");
+  const field = block(prompt, ".assistant-prompt-input__field");
+  assert.match(field, /border: 1px solid rgb\(var\(--v-theme-outline\)\);/u);
+  assert.match(field, /border-radius: 4px;/u);
+  assert.match(block(prompt, ".assistant-prompt-input__footer"), /padding: 0 12px 12px;/u);
+  const card = await readFile(new URL("../src/client/components/AssistantSettingsFormCard.vue", import.meta.url), "utf8");
+  assert.doesNotMatch(card, /<v-card-title|<v-card-subtitle|<v-divider/u);
+  assert.match(card, /:aria-label="props\.title"/u);
+  // Given a formId, the page's app bar carries Save: the form takes the id and the card draws no Save of its own.
+  assert.match(card, /<v-form :id="props\.formId \|\| undefined"/u);
+  assert.match(card, /<div v-if="!props\.formId \|\| !props\.addEdit\.canSave"/u);
+});
+
+// Material 3 tonal containers: inside the conversation only the composer, an outlined text field, draws an outline;
+// attachments, questions, code, tables, details and the model menu are surface-container tones.
+test("the conversation's containers are surface-container tones, not outlined boxes", async () => {
+  const folder = new URL("../src/client/conversation/", import.meta.url);
+  const files = ["AssistantTranscript.css", "AssistantAttachmentQueue.vue", "AssistantMessageAttachments.vue",
+    "AssistantModelControl.vue", "LongTextPreviewBlocks.vue", "LongTextInlineParts.vue", "AssistantPromptInput.vue"];
+  const outlines = [];
+  for (const file of files) {
+    const source = await readFile(new URL(file, folder), "utf8");
+    for (const [declaration] of source.matchAll(/\bborder(?:-(?:top|bottom|left|right|inline|block)(?:-(?:start|end))?)?: [^;]*\d[^;]*;/gu)) {
+      if (!/: 0;/u.test(declaration)) outlines.push(`${file}: ${declaration}`);
+    }
+    if (file === "AssistantModelControl.vue") {
+      assert.doesNotMatch(source, /<v-sheet[^>]*\n\s*border\n/u, "the model menu has no outline");
+      assert.match(source, /color="surface-container"\s+:elevation="2"/u);
+    }
+  }
+  assert.deepEqual(outlines, [
+    "AssistantModelControl.vue: border-bottom: 1px solid rgb(var(--v-theme-outline-variant));",
+    "AssistantModelControl.vue: border-top: 1px solid rgb(var(--v-theme-outline-variant));",
+    "LongTextPreviewBlocks.vue: border-bottom: 1px solid rgb(var(--v-theme-outline-variant));",
+    "AssistantPromptInput.vue: border: 1px solid rgb(var(--v-theme-outline));"
+  ], "only outline-variant dividers and the composer's outlined field draw lines");
+});

package/test/conversationAvatarThumbnail.test.js

@@ -40,7 +40,6 @@ async function renderShowAvatarButton(element, slots) {
   assert.equal(buttons.length, 1, "One Show avatar button while the avatar is hidden");
   const [, attributes, content] = buttons[0];
   assert.match(attributes, /title="jskit.assistant.chat.showAvatar"/u);
-  assert.match(attributes, /width="44"/u);
   return content;
 }
 
@@ -61,10 +60,10 @@ test("the hidden avatar's Show button shows the avatar-thumbnail slot, or the ac
   assert.doesNotMatch(fallback, /fixture-thumbnail/u);
 });
 
-test("the avatar's Show and Minimise buttons set no fixed height, so material-web gives them the 48dp touch target", () => {
+test("the avatar's Show and Minimise buttons set no fixed size, so material-web gives them the 48dp touch target", () => {
   const source = readFileSync(new URL(elementUrl), "utf8");
   const buttons = [...source.matchAll(/<v-btn\b[^>]*>/gu)].map(([tag]) => tag).filter((tag) => tag.includes("assistant-conversation__avatar-size"));
   assert.equal(buttons.length, 2);
-  for (const tag of buttons) assert.doesNotMatch(tag, /(?:^|\s):?(?:min-)?height=/u);
-  assert.doesNotMatch(source, /\.assistant-conversation__avatar-size\s*\{[^}]*height/u);
+  for (const tag of buttons) assert.doesNotMatch(tag, /(?:^|\s):?(?:min-)?(?:height|width)=/u);
+  assert.doesNotMatch(source, /\.assistant-conversation__avatar-size\s*\{[^}]*(?:height|width)/u);
 });

package/test/messageDelivery.browser.test.js

@@ -1,14 +1,15 @@
 import assert from "node:assert/strict";
 import test from "node:test";
 import { fileURLToPath } from "node:url";
-import { chromium, expect } from "@playwright/test";
-import { createChromiumLaunchOptions, startViteFixture, stopProcess } from "../../../tooling/testUtils/browserFixture.mjs";
+import { expect } from "../../../tooling/testUtils/browserExpect.mjs";
+import { sharedBrowserFixture } from "../../../tooling/testUtils/browserFixture.mjs";
+
+const openFixture = sharedBrowserFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
 
 test("the shared element renders delayed sends and supplies retry, edit and cancel without application handlers", {
   skip: process.env.JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION !== "1", timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 800, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -102,16 +103,14 @@ test("the shared element renders delayed sends and supplies retry, edit and canc
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });
 
 
 test("chronological messages and Cancel during a delivery check work on phone and desktop", {
   skip: process.env.JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION !== "1", timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -148,14 +147,13 @@ test("chronological messages and Cancel during a delivery check work on phone an
       assert.ok(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth));
       await page.close();
     }
-  } finally { await browser.close(); await stopProcess(vite); }
+  } finally { await browser.close(); }
 });
 
 test("accepted local messages precede later replies before their history page arrives", {
   skip: process.env.JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION !== "1", timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const width of [390, 1365]) {
       const page = await browser.newPage({ viewport: { width, height: 900 } });
@@ -178,5 +176,5 @@ test("accepted local messages precede later replies before their history page ar
       assert.deepEqual(errors, []);
       await page.close();
     }
-  } finally { await browser.close(); await stopProcess(vite); }
+  } finally { await browser.close(); }
 });

package/test/opencodeConversationSession.test.js

@@ -77,6 +77,7 @@ async function fixture(t, options = {}) {
   const directory = await mkdtemp(path.join(tmpdir(), "jskit-opencode-conversation-"));
   const command = path.join(directory, "opencode.mjs");
   const trace = path.join(directory, "trace.jsonl");
+  const partialSeen = path.join(directory, "partial-seen");
   await writeFile(command, `#!${process.execPath}
     import { createServer } from "node:http";
     import { appendFileSync, readFileSync, writeFileSync, existsSync } from "node:fs";
@@ -90,6 +91,7 @@ async function fixture(t, options = {}) {
     const streams = new Set();
     const assistantResponses = ${JSON.stringify(options.assistantResponses || [])};
     const busy = new Set();
+    const heldAnswers = new Map();
     let sequence = [...sessions.values()].reduce((sum, session) => sum + session.messages.length, 0);
     const row = (role, id, parts, extra = {}) => ({ info: { role, id, time: { created: ++sequence }, ...extra }, parts });
     const server = createServer(async (req, res) => {
@@ -132,6 +134,12 @@ async function fixture(t, options = {}) {
       }
       if (req.url.includes("/message")) {
         if (${Boolean(options.historyUnavailable)}) return reply({ message: "Native history unavailable" }, 503);
+        // A held answer completes at the first read after the test saw its partial streamed, or after 10 s, so a
+        // partial that never streams fails the test instead of hanging it.
+        const held = heldAnswers.get(session.id);
+        if (held && (existsSync(${JSON.stringify(partialSeen)}) || Date.now() - held.since > 10_000)) {
+          heldAnswers.delete(session.id); held.complete();
+        }
         return reply(session.messages);
       }
       if (req.url.endsWith("/prompt_async")) {
@@ -217,11 +225,13 @@ async function fixture(t, options = {}) {
         log({ system: output.system, sessionId: session.id });
         const answer = row("assistant", randomUUID(), [{ type: "reasoning", text: "Reasoning summary" }, { type: "text", text: "Answer: " }]);
         session.messages.push(answer); save();
-        setTimeout(() => {
+        const complete = () => {
           answer.parts[1].text = answerText;
           answer.info.finish = "stop"; answer.info.time.completed = Date.now(); save();
           busy.delete(session.id);
-        }, 100);
+        };
+        if (${Boolean(options.holdPartialAnswer)}) heldAnswers.set(session.id, { complete, since: Date.now() });
+        else setTimeout(complete, 100);
         return;
       }
       reply({ message: "Unexpected route" }, 404);
@@ -259,6 +269,7 @@ async function fixture(t, options = {}) {
       limits: { admissionTimeoutMs: 250, ...options.limits }
     },
     binding: () => storage.read("conversation", async tx => (await tx.readMetadata()).runtime.binding),
+    releasePartialAnswer: () => writeFile(partialSeen, ""),
     async trace() { return (await readFile(trace, "utf8")).trim().split("\n").map(line => JSON.parse(line)); } };
 }
 
@@ -321,9 +332,14 @@ test("OpenCode structured output counts its schema framing before native dispatc
 });
 
 test("OpenCode admits once, streams and saves native reasoning through the common runtime", async t => {
-  const f = await fixture(t);
+  // OpenCode text streams only through the runtime's history reads, so the native answer stays partial until this
+  // subscriber has seen it streamed, instead of for a fixed 100 ms that a read under load could miss.
+  const f = await fixture(t, { holdPartialAnswer: true });
   const events = [];
-  await f.conversation.subscribe(event => events.push(event));
+  await f.conversation.subscribe(event => {
+    events.push(event);
+    if (event.type === "message" && event.text === "Answer: ") void f.releasePartialAnswer();
+  });
   assert.equal((await f.conversation.send(input)).status, "accepted");
   const state = await f.conversation.wait();
   assert.equal(state.conversationLog[0].metadata.runtime.status, "complete");

package/test/transcriptTheme.browser.test.js

@@ -1,8 +1,8 @@
 import assert from "node:assert/strict";
 import test from "node:test";
 import { fileURLToPath } from "node:url";
-import { chromium, expect } from "@playwright/test";
-import { createChromiumLaunchOptions, startViteFixture, stopProcess } from "../../../tooling/testUtils/browserFixture.mjs";
+import { expect } from "@playwright/test";
+import { sharedBrowserFixture } from "../../../tooling/testUtils/browserFixture.mjs";
 
 // An element's text colour, the theme values it should come from, and its WCAG contrast over what is painted under
 // it: each translucent background is laid over the next one out, down to the first opaque one (white when none is).
@@ -43,11 +43,12 @@ function readText(element) {
   };
 }
 
+const openFixture = sharedBrowserFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
+
 test("the task transcript's user bubble, header time and footer follow the light and dark themes", {
   skip: process.env.JSKIT_ASSISTANT_CORE_BROWSER_INTEGRATION !== "1", timeout: 90_000
-}, async () => {
-  const vite = await startViteFixture({ fixtureRoot: fileURLToPath(new URL("../fixtures/responsive-assistant", import.meta.url)) });
-  const browser = await chromium.launch(createChromiumLaunchOptions());
+}, async (t) => {
+  const { vite, browser } = await openFixture(t);
   try {
     for (const theme of ["light", "dark"]) {
       const page = await browser.newPage({ viewport: { width: 800, height: 900 } });
@@ -84,6 +85,5 @@ test("the task transcript's user bubble, header time and footer follow the light
     }
   } finally {
     await browser.close();
-    await stopProcess(vite);
   }
 });