@happyvertical/smrt-planner 0.57.41 → 0.57.43

package/dist/catalog/catalog.json

@@ -5,7 +5,7 @@
     {
       "id": "ads",
       "packageName": "@happyvertical/smrt-ads",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Advertising delivery and tracking models for SMRT framework",
       "models": [
         {
@@ -1763,7 +1763,7 @@
     {
       "id": "analytics",
       "packageName": "@happyvertical/smrt-analytics",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Analytics integration models for SMRT framework",
       "models": [
         {
@@ -3672,7 +3672,7 @@
     {
       "id": "approvals",
       "packageName": "@happyvertical/smrt-approvals",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Approval decision gate for the SMRT framework: revision-bound, single-use approvals with quorum, expiry, and an append-only event ledger",
       "models": [
         {
@@ -4312,7 +4312,7 @@
     {
       "id": "assets",
       "packageName": "@happyvertical/smrt-assets",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Asset management system with versioning, metadata, and AI-powered operations for SMRT framework",
       "models": [
         {
@@ -6112,7 +6112,7 @@
     {
       "id": "chat",
       "packageName": "@happyvertical/smrt-chat",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Chat rooms, DMs, threads, and agent conversations for the SMRT framework",
       "models": [
         {
@@ -8479,7 +8479,7 @@
     {
       "id": "comments",
       "packageName": "@happyvertical/smrt-comments",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Record comments and mention hooks for SMRT applications",
       "models": [
         {
@@ -8895,7 +8895,7 @@
     {
       "id": "commerce",
       "packageName": "@happyvertical/smrt-commerce",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Commerce models for the SMRT framework - contracts, fulfillments, payments",
       "models": [
         {
@@ -23139,7 +23139,7 @@
     {
       "id": "content",
       "packageName": "@happyvertical/smrt-content",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Content processing module for SMRT framework - handles documents, web content, and media",
       "models": [
         {
@@ -30602,7 +30602,7 @@
     {
       "id": "events",
       "packageName": "@happyvertical/smrt-events",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Hierarchical event management with participant tracking and SMRT framework support",
       "models": [
         {
@@ -32606,7 +32606,7 @@
     {
       "id": "expenses",
       "packageName": "@happyvertical/smrt-expenses",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Expense records for the SMRT framework - reviewed costs against a cost object, deduplicated receipts, and commitment drawdown",
       "models": [
         {
@@ -33422,7 +33422,7 @@
     {
       "id": "facts",
       "packageName": "@happyvertical/smrt-facts",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Distributed memory and knowledge management with provenance tracking for SMRT framework",
       "models": [
         {
@@ -35446,7 +35446,7 @@
     {
       "id": "fields",
       "packageName": "@happyvertical/smrt-fields",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Layered field policy store and resolver (defaults, visibility tiers, help text) for SMRT objects",
       "models": [
         {
@@ -36165,7 +36165,7 @@
     {
       "id": "human-resources",
       "packageName": "@happyvertical/smrt-human-resources",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "HR records for the SMRT framework: who works for an organization, as what, and with what standing — employment with dated terms, and qualifications with expiry",
       "models": [
         {
@@ -36969,7 +36969,7 @@
     {
       "id": "images",
       "packageName": "@happyvertical/smrt-images",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Image asset management with AI-powered categorization, search, editing, and metadata extraction for SMRT framework",
       "models": [
         {
@@ -37579,7 +37579,7 @@
     {
       "id": "ingestion",
       "packageName": "@happyvertical/smrt-ingestion",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Durable tenant-scoped intake and evidence foundations",
       "models": [
         {
@@ -38725,7 +38725,7 @@
     {
       "id": "inventory",
       "packageName": "@happyvertical/smrt-inventory",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Multi-location stock tracking for the SMRT framework — Sku, InventoryLocation, StockLevel, StockMovement, lot and serial tracking, and stock-mutation and lot services",
       "models": [
         {
@@ -39980,7 +39980,7 @@
     {
       "id": "ledgers",
       "packageName": "@happyvertical/smrt-ledgers",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Double-entry accounting ledger for the SMRT framework",
       "models": [
         {
@@ -41529,7 +41529,7 @@
     {
       "id": "manufacturing",
       "packageName": "@happyvertical/smrt-manufacturing",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Bills of materials, cost rollup, and production-order operations for the SMRT framework — strictly industry-neutral",
       "models": [
         {
@@ -42860,7 +42860,7 @@
     {
       "id": "marketing",
       "packageName": "@happyvertical/smrt-marketing",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Cross-channel campaign coordination, immutable performance evidence, budget pacing, and reusable Svelte marketing surfaces for SMRT",
       "models": [
         {
@@ -43704,7 +43704,7 @@
     {
       "id": "messages",
       "packageName": "@happyvertical/smrt-messages",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Unified multi-channel messaging with STI-based hierarchies",
       "models": [
         {
@@ -50402,7 +50402,7 @@
     {
       "id": "places",
       "packageName": "@happyvertical/smrt-places",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Hierarchical place management with geo integration and SMRT framework support",
       "models": [
         {
@@ -51421,7 +51421,7 @@
     {
       "id": "preferences",
       "packageName": "@happyvertical/smrt-preferences",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Tenant defaults and per-user overrides for user-interface preferences (overview layouts, shell layout), validated per registered kind",
       "models": [
         {
@@ -51575,7 +51575,7 @@
     {
       "id": "products",
       "packageName": "@happyvertical/smrt-products",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "SMRT products module: triple-purpose microservice template for standalone apps, federated modules, and NPM libraries",
       "models": [
         {
@@ -53058,7 +53058,7 @@
     {
       "id": "profiles",
       "packageName": "@happyvertical/smrt-profiles",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Profile management system with relationships, metadata, and reciprocal associations for SMRT framework",
       "models": [
         {
@@ -57657,7 +57657,7 @@
     {
       "id": "projects",
       "packageName": "@happyvertical/smrt-projects",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Provider-agnostic project management models (Issues, PRs, Repositories, Projects) for SMRT framework",
       "models": [
         {
@@ -61286,7 +61286,7 @@
     {
       "id": "properties",
       "packageName": "@happyvertical/smrt-properties",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Digital property and zone management models for SMRT framework",
       "models": [
         {
@@ -62149,7 +62149,7 @@
     {
       "id": "reactions",
       "packageName": "@happyvertical/smrt-reactions",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Tenant-scoped reactions and lightweight polls with shared participation enforcement",
       "models": [
         {
@@ -62404,7 +62404,7 @@
     {
       "id": "reports",
       "packageName": "@happyvertical/smrt-reports",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Materialized aggregate report models for SMRT",
       "models": [
         {
@@ -63267,7 +63267,7 @@
     {
       "id": "sales",
       "packageName": "@happyvertical/smrt-sales",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Modular sales for the SMRT framework: agreement execution, CRM, referral intake, neutral commissions, and reusable Svelte surfaces",
       "models": [
         {
@@ -70763,7 +70763,7 @@
     {
       "id": "sites",
       "packageName": "@happyvertical/smrt-sites",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Site lifecycle management for multi-tenant SMRT networks",
       "models": [
         {
@@ -71231,7 +71231,7 @@
     {
       "id": "social",
       "packageName": "@happyvertical/smrt-social",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Social media account management for multi-platform publishing in the SMRT ecosystem",
       "models": [
         {
@@ -72495,7 +72495,7 @@
     {
       "id": "subscriptions",
       "packageName": "@happyvertical/smrt-subscriptions",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Tenant subscriptions, entitlement resolution, usage thresholds, and subscription UI for SMRT",
       "models": [
         {
@@ -75103,7 +75103,7 @@
     {
       "id": "support",
       "packageName": "@happyvertical/smrt-support",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "AI-first Support Cases: channel-neutral intake, lifecycle, routing, service targets, and service time for the SMRT framework",
       "models": [
         {
@@ -78571,7 +78571,7 @@
     {
       "id": "tags",
       "packageName": "@happyvertical/smrt-tags",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Reusable tagging system with hierarchies, contexts, and multi-language support for SMRT framework",
       "models": [
         {
@@ -79350,7 +79350,7 @@
     {
       "id": "timesheets",
       "packageName": "@happyvertical/smrt-timesheets",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Shared time entries for the SMRT framework: who worked how long on what, approval and correction, with immutable charge and compensation snapshots",
       "models": [
         {
@@ -80904,7 +80904,7 @@
     {
       "id": "users",
       "packageName": "@happyvertical/smrt-users",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Multi-tenant user management for the SMRT framework - users, tenants, roles, permissions, groups",
       "models": [
         {
@@ -83975,6 +83975,16 @@
               "returnType": "void",
               "aiCallable": false
             },
+            {
+              "name": "requireOwnedPersonForTenant",
+              "async": true,
+              "parameters": [
+                "userId: string",
+                "tenantId: string"
+              ],
+              "returnType": "Promise<Profile>",
+              "aiCallable": false
+            },
             {
               "name": "save",
               "async": true,
@@ -85468,7 +85478,7 @@
     {
       "id": "video",
       "packageName": "@happyvertical/smrt-video",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Video content management for AI-powered video production in the SMRT ecosystem",
       "models": [
         {
@@ -93411,7 +93421,7 @@
     {
       "id": "voice",
       "packageName": "@happyvertical/smrt-voice",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Voice profile management for AI-powered voice synthesis and cloning in the SMRT ecosystem",
       "models": [
         {
@@ -95154,7 +95164,7 @@
     {
       "id": "webhooks",
       "packageName": "@happyvertical/smrt-webhooks",
-      "version": "0.57.41",
+      "version": "0.57.43",
       "description": "Outbound webhook subscriptions, signed delivery, and durable retries",
       "models": [
         {

package/dist/components/ExportPanel.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { Button, Chip, Disclosure } from '@happyvertical/smrt-ui';
+import { Button, Card, Chip, Disclosure } from '@happyvertical/smrt-ui';
 import { Alert, ConfirmDialog } from '@happyvertical/smrt-ui/feedback';
 import { Textarea } from '@happyvertical/smrt-ui/forms';
 import { onMount, tick } from 'svelte';
@@ -34,9 +34,11 @@ import CopyButton from './CopyButton.svelte';
 import ProjectControls from './ProjectControls.svelte';
 
 /**
- * The Export tab: what the cookbook holds, a prompt that hands it to a coding
- * agent, the file download (and the command the file needs), Send to kitchen
- * when a kitchen is listening, and, apart from those, Import and Reset.
+ * The Export tab, top to bottom: the host's build action when there is one,
+ * what the cookbook holds, a card with the prompt that hands it to a coding
+ * agent, a card with the file download and the command the file needs (and
+ * Send to kitchen when a kitchen is listening), and, apart from those, Import
+ * and Reset.
  */
 interface Props {
   /** Replaces `navigator.clipboard.writeText` (tests). */
@@ -94,8 +96,8 @@ let pending = $state<Cookbook | null>(null);
 let pendingDropped = $state<string[]>([]);
 let error = $state('');
 let notice = $state('');
-let copyNotice = $state('');
-let promptOpen = $state(false);
+let promptNotice = $state('');
+let commandNotice = $state('');
 
 // A file is named for the cookbook's own name, else the library cookbook last
 // applied, else a generic name.
@@ -117,12 +119,11 @@ const COPY_BY_HAND =
   'Copying is not available here. The text is selected: press Ctrl+C (Cmd+C on a Mac) to copy it.';
 
 async function promptCopyFailed() {
-  promptOpen = true;
   await tick();
   const element = promptBox?.getElement();
   element?.focus();
   element?.select();
-  copyNotice = COPY_BY_HAND;
+  promptNotice = COPY_BY_HAND;
 }
 
 function commandCopyFailed() {
@@ -131,7 +132,7 @@ function commandCopyFailed() {
     selection?.removeAllRanges();
     selection?.selectAllChildren(commandLine);
   }
-  copyNotice = COPY_BY_HAND;
+  commandNotice = COPY_BY_HAND;
 }
 
 async function choose(event: Event & { currentTarget: HTMLInputElement }) {
@@ -164,54 +165,65 @@ function confirmImport() {
 </script>
 
 <div class="export">
-  <section class="block" aria-labelledby="prompt-heading" data-export-section="prompt">
-    <div class="export-intro">
-      <p class="eyebrow">Your app plan</p>
-      <h2 id="prompt-heading">Ready for the next step?</h2>
-      <p class="meta">Your recipes, theme, layout and customised pages travel together as a cookbook. Sample records stay in this preview.</p>
-    </div>
-    <div class="next-steps" data-export-actions="primary">
-      {#if exportAction}
-        <div class="build-step">
-          <h3>Build your app</h3>
-          <p class="meta">Continue with your current plan.</p>
-          <div class="actions">
-            <Button disabled={actionPending || assistantBusy} onclick={runExportAction}>{exportAction.label}</Button>
-          </div>
-        </div>
-      {/if}
-      <div class="copy-step">
-        <h3>Keep a copy</h3>
-        <p class="meta">Download your cookbook or copy a prompt for your coding agent.</p>
-        <div class="actions">
-          <CopyButton
-            text={() => prompt.text}
-            label="Copy prompt"
-            variant={exportAction ? 'secondary' : 'primary'}
-            {write}
-            oncopied={() => (copyNotice = 'Prompt copied.')}
-            onfail={promptCopyFailed}
-          />
-          {#if kitchenState.config}
-            <Button
-              variant="secondary"
-              disabled={kitchenState.status === 'sending'}
-              onclick={() => kitchenState.send(cookbookStore.snapshot())}
-            >{kitchenState.status === 'sending' ? 'Sending to kitchen…' : 'Send to kitchen'}</Button>
-          {/if}
-          <Button variant="secondary" onclick={downloadCurrent}>Download cookbook</Button>
-        </div>
+  <div class="export-intro">
+    <h2>Export</h2>
+    <p class="meta">Your recipes, theme, layout and customised pages travel together as a cookbook. Sample records stay in this preview.</p>
+  </div>
+
+  {#if exportAction}
+    <div class="build-step" data-export-actions="primary">
+      <h3>Build your app</h3>
+      <p class="meta">Continue with your current plan.</p>
+      <div class="actions">
+        <Button disabled={actionPending || assistantBusy} onclick={runExportAction}>{exportAction.label}</Button>
       </div>
     </div>
-    {#if actionError}<Alert variant="error" title="Export action failed">{actionError}</Alert>{/if}
-    {#if exportAction && assistantBusy}<p class="meta" role="status">Wait for the assistant to finish, or stop it, before continuing.</p>{/if}
-    <p class="notice" role="status" aria-live="polite">{copyNotice}</p>
-    <Disclosure title="Preview coding-agent prompt" bind:open={promptOpen}>
+  {/if}
+  {#if actionError}<Alert variant="error" title="Export action failed">{actionError}</Alert>{/if}
+  {#if exportAction && assistantBusy}<p class="meta" role="status">Wait for the assistant to finish, or stop it, before continuing.</p>{/if}
+
+  <section class="block" aria-labelledby="summary-heading" data-export-section="summary">
+    <h3 id="summary-heading">In this cookbook</h3>
+    {#if summary.length}
+      <dl class="summary">
+        {#each summary as line (line.id)}
+          <dt>{line.label}</dt>
+          <dd>
+            {#if line.chips}
+              <ul class="chips">
+                {#each line.chips as chip, i (`${chip}:${i}`)}
+                  <li><Chip label={chip} size="sm" /></li>
+                {/each}
+              </ul>
+            {:else}
+              {line.text}
+            {/if}
+          </dd>
+        {/each}
+      </dl>
+    {:else}
+      <p class="quiet">Nothing customised yet. Add recipes or apply a cookbook first.</p>
+    {/if}
+  </section>
+
+  <Card padding="sm" role="group" aria-labelledby="prompt-heading" data-export-section="prompt">
+    <div class="card-body">
+      <h3 id="prompt-heading">Copy prompt</h3>
       <p class="meta" id="prompt-note">
         Paste it into Claude Code, Codex or another coding agent. The prompt
         carries the cookbook, creates the app <code>{appName}</code> with the smrt CLI {prompt.version} and
         starts it. About {formatSize(prompt.bytes)}.
       </p>
+      <div class="actions">
+        <CopyButton
+          text={() => prompt.text}
+          label="Copy prompt"
+          variant={exportAction ? 'secondary' : 'primary'}
+          {write}
+          oncopied={() => (promptNotice = 'Prompt copied.')}
+          onfail={promptCopyFailed}
+        />
+      </div>
       <Textarea
         bind:this={promptBox}
         class="prompt"
@@ -224,56 +236,44 @@ function confirmImport() {
         aria-describedby="prompt-note"
         interaction={false}
       />
-    </Disclosure>
-  </section>
-
-  <section class="block" aria-label="Downloaded file instructions" data-export-section="file">
-    <Disclosure title="Use the downloaded file yourself">
-    <p class="meta">
-      Download writes <code>{fileName}</code> ({fileSize}). To make the app from
-      it yourself, run this where the file is:
-    </p>
-    <div class="command">
-      <code bind:this={commandLine} data-export-command>{command}</code>
-      <CopyButton
-        text={() => command}
-        label="Copy command"
-        variant="secondary"
-        {write}
-        oncopied={() => (copyNotice = 'Command copied.')}
-        onfail={commandCopyFailed}
-      />
+      <p class="notice" role="status" aria-live="polite">{promptNotice}</p>
     </div>
-    <Disclosure title="Preview JSON">
-      <pre class="json">{serializeCookbook(current)}</pre>
-    </Disclosure>
-    </Disclosure>
-  </section>
+  </Card>
 
-  <section class="block" aria-label="Cookbook summary" data-export-section="summary">
-    <Disclosure title="In this cookbook">
-      {#if summary.length}
-        <dl class="summary">
-          {#each summary as line (line.id)}
-            <dt>{line.label}</dt>
-            <dd>
-              {#if line.chips}
-                <ul class="chips">
-                  {#each line.chips as chip, i (`${chip}:${i}`)}
-                    <li><Chip label={chip} size="sm" /></li>
-                  {/each}
-                </ul>
-              {:else}
-                {line.text}
-              {/if}
-            </dd>
-          {/each}
-        </dl>
-      {:else}
-        <p class="quiet">Nothing customised yet. Add recipes or apply a cookbook first.</p>
-      {/if}
-    </Disclosure>
-  </section>
+  <Card padding="sm" role="group" aria-labelledby="file-heading" data-export-section="file">
+    <div class="card-body">
+      <h3 id="file-heading">Download cookbook</h3>
+      <p class="meta">
+        Download writes <code>{fileName}</code> ({fileSize}). To make the app from
+        it yourself, run this where the file is:
+      </p>
+      <div class="command">
+        <code bind:this={commandLine} data-export-command>{command}</code>
+        <CopyButton
+          text={() => command}
+          label="Copy command"
+          variant="secondary"
+          {write}
+          oncopied={() => (commandNotice = 'Command copied.')}
+          onfail={commandCopyFailed}
+        />
+      </div>
+      <p class="notice" role="status" aria-live="polite">{commandNotice}</p>
+      <div class="actions" data-export-actions="download">
+        <Button variant={exportAction ? 'secondary' : 'primary'} onclick={downloadCurrent}>Download cookbook</Button>
+        {#if kitchenState.config}
+          <Button
+            variant="secondary"
+            disabled={kitchenState.status === 'sending'}
+            onclick={() => kitchenState.send(cookbookStore.snapshot())}
+          >{kitchenState.status === 'sending' ? 'Sending to kitchen…' : 'Send to kitchen'}</Button>
+        {/if}
+      </div>
+      <Disclosure title="Preview JSON">
+        <pre class="json">{serializeCookbook(current)}</pre>
+      </Disclosure>
+    </div>
+  </Card>
 
   {#if kitchenState.needsLink}
     <Alert variant="info" title="Send to kitchen needs its link">
@@ -382,11 +382,13 @@ function confirmImport() {
   }
 
   h3 { font: var(--smrt-typography-title-small-font); }
-  .eyebrow { color: var(--smrt-color-on-surface-variant); font: var(--smrt-typography-label-large-font); }
-  .export-intro, .build-step, .copy-step { display: grid; gap: var(--smrt-spacing-3); min-inline-size: 0; }
-  .next-steps { display: grid; gap: var(--smrt-spacing-4); }
+  .export-intro, .build-step, .card-body { display: grid; gap: var(--smrt-spacing-3); min-inline-size: 0; }
   .build-step { padding: var(--smrt-spacing-4); border: var(--smrt-hairline); border-radius: var(--smrt-control-radius); background: var(--smrt-surface-sunken); }
 
+  .export :global([data-smrt-component='Card']) {
+    min-inline-size: 0;
+  }
+
   .block {
     display: grid;
     gap: var(--smrt-spacing-3);
@@ -492,6 +494,11 @@ function confirmImport() {
       align-items: stretch;
     }
 
+    /* In a column the 16rem flex-basis would set the height, not the width. */
+    .command code {
+      flex: 0 0 auto;
+    }
+
     .actions > :global([data-smrt-component='Button']),
     .command > :global([data-smrt-component='Button']) {
       inline-size: 100%;
@@ -501,6 +508,7 @@ function confirmImport() {
   /* Forced colours: the command and preview boxes keep a visible edge. */
   @media (forced-colors: active) {
     .build-step,
+    .export :global([data-smrt-component='Card']),
     .command code,
     .json {
       border-color: CanvasText;

package/dist/components/ExportPanel.svelte.d.ts

@@ -2,9 +2,11 @@ import type { BrowserAssistantTransport } from '../assistant/transport.ts';
 import type { PlannerController } from '../planner/commands/index.ts';
 import type { PlannerExportAction } from '../planner/types.ts';
 /**
- * The Export tab: what the cookbook holds, a prompt that hands it to a coding
- * agent, the file download (and the command the file needs), Send to kitchen
- * when a kitchen is listening, and, apart from those, Import and Reset.
+ * The Export tab, top to bottom: the host's build action when there is one,
+ * what the cookbook holds, a card with the prompt that hands it to a coding
+ * agent, a card with the file download and the command the file needs (and
+ * Send to kitchen when a kitchen is listening), and, apart from those, Import
+ * and Reset.
  */
 interface Props {
     /** Replaces `navigator.clipboard.writeText` (tests). */