@flamingo-stack/openframe-frontend-core 0.0.741 → 0.0.743

package/dist/{software-update-QAMNASVF.cjs → software-update-B2MZVNPK.cjs}

@@ -15,26 +15,26 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkIK2RJUEAcjs = require('./chunk-IK2RJUEA.cjs');
-require('./chunk-O67V3HJR.cjs');
-require('./chunk-3HPB4H4C.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
+require('./chunk-URVIPSAJ.cjs');
+require('./chunk-NTGIQP7O.cjs');
 
 
-var _chunkDSVNFRY5cjs = require('./chunk-DSVNFRY5.cjs');
+var _chunkU2O5YQRPcjs = require('./chunk-U2O5YQRP.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-VA7OMDZO.cjs');
-require('./chunk-AAFW4STC.cjs');
+require('./chunk-4FWURR3W.cjs');
+require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-KLI4OSRA.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CWRVTQUO.cjs');
-require('./chunk-BV5WZVOP.cjs');
-require('./chunk-GABDE3FM.cjs');
+require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
+require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
-require('./chunk-PQ2M7P2U.cjs');
+require('./chunk-5TCIRWHL.cjs');
 require('./chunk-B27QEHYR.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
@@ -1824,20 +1824,20 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-DUVOQHQI.cjs');
-require('./chunk-SA7LDEVJ.cjs');
-require('./chunk-NTJE6SM6.cjs');
+require('./chunk-W2RM764D.cjs');
+require('./chunk-CSJO7ZGN.cjs');
+require('./chunk-WI2OTGKC.cjs');
 require('./chunk-JKX2C3I2.cjs');
 require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-YRE3O65E.cjs');
-require('./chunk-YXKB5WRE.cjs');
-require('./chunk-IFS4AH77.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
+require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
-require('./chunk-GSWQZX23.cjs');
-require('./chunk-7ZFCR7UY.cjs');
+require('./chunk-UY6A6TEY.cjs');
+require('./chunk-ABLUMGCI.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1847,11 +1847,11 @@ require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
 require('./chunk-I5MSCD57.cjs');
-require('./chunk-PX7FY655.cjs');
+require('./chunk-ASMNNSUQ.cjs');
 require('./chunk-CW3ML76U.cjs');
-require('./chunk-GVTDVS5U.cjs');
-require('./chunk-FICJS5OA.cjs');
-require('./chunk-VOX4E6AX.cjs');
+require('./chunk-R34JD6NP.cjs');
+require('./chunk-KTPR66EE.cjs');
+require('./chunk-DGFDBPO7.cjs');
 require('./chunk-HOTM4UM6.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 require('./chunk-HTRILBJD.cjs');
@@ -1920,14 +1920,14 @@ var noop = () => {
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDSVNFRY5cjs.Autocomplete,
+    _chunkU2O5YQRPcjs.Autocomplete,
     {
-      label: _chunkIK2RJUEAcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkWCY35GB5cjs.PACKAGE_SEARCH_LABEL,
       labelVariant: "large",
       options: value ? [{ value: value.id, label: value.name, description: _nullishCoalesce(value.description, () => ( void 0)) }] : [],
       value: _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.id]), () => ( null)),
       onChange: noop,
-      placeholder: _chunkIK2RJUEAcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkWCY35GB5cjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1941,7 +1941,7 @@ function SoftwareUpdateScreen({ compact = false }) {
     [fixture.devices, fixture.selectedIds]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIK2RJUEAcjs.SoftwareActionForm,
+    _chunkWCY35GB5cjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1953,7 +1953,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkIK2RJUEAcjs.DeviceSelector,
+        _chunkWCY35GB5cjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/dist/{tickets-board-CEDHD3KB.cjs → tickets-board-O753S4ZB.cjs}

@@ -10,9 +10,9 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkO67V3HJRcjs = require('./chunk-O67V3HJR.cjs');
-require('./chunk-AAFW4STC.cjs');
-require('./chunk-GABDE3FM.cjs');
+var _chunkURVIPSAJcjs = require('./chunk-URVIPSAJ.cjs');
+require('./chunk-LU7TD6QS.cjs');
+require('./chunk-OWGLRE74.cjs');
 require('./chunk-B27QEHYR.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
@@ -1802,11 +1802,11 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-NTJE6SM6.cjs');
+require('./chunk-WI2OTGKC.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
-require('./chunk-IFS4AH77.cjs');
-require('./chunk-7ZFCR7UY.cjs');
+require('./chunk-QYLIHZKZ.cjs');
+require('./chunk-ABLUMGCI.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1814,9 +1814,9 @@ require('./chunk-4IYNDV3G.cjs');
 require('./chunk-6VOOPMP5.cjs');
 require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
-require('./chunk-PX7FY655.cjs');
-require('./chunk-FICJS5OA.cjs');
-require('./chunk-VOX4E6AX.cjs');
+require('./chunk-ASMNNSUQ.cjs');
+require('./chunk-KTPR66EE.cjs');
+require('./chunk-DGFDBPO7.cjs');
 require('./chunk-HOTM4UM6.cjs');
 require('./chunk-L2RMTGOK.cjs');
 require('./chunk-Z74QE57T.cjs');
@@ -1839,7 +1839,7 @@ function buildTicketsBoardFixture(cast) {
   const dana = assignee(cast.person("dana"));
   const alex = assignee(cast.person("alex"));
   return [
-    _chunkO67V3HJRcjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
+    _chunkURVIPSAJcjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
       ticket("tk-1051", "Printer offline at the front desk", "ACTIVE", {
         ticketNumber: "1051",
         agent: "fae",
@@ -1857,7 +1857,7 @@ function buildTicketsBoardFixture(cast) {
         tags: ["onboarding"]
       })
     ]),
-    _chunkO67V3HJRcjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
+    _chunkURVIPSAJcjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
       ticket("tk-1049", "Acrobat Pro for Maya", "TECH_REQUIRED", {
         ticketNumber: "1049",
         agent: "fae",
@@ -1881,7 +1881,7 @@ function buildTicketsBoardFixture(cast) {
         escalatedByUser: true
       })
     ]),
-    _chunkO67V3HJRcjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
+    _chunkURVIPSAJcjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
       ticket("tk-1046", "Replace the conference room display", "ON_HOLD", {
         ticketNumber: "1046",
         organizationName: _chunkDKOLQPE7cjs.DEMO_ORGANIZATIONS.acme.name,
@@ -1890,7 +1890,7 @@ function buildTicketsBoardFixture(cast) {
         activity: { kind: "waiting-external" }
       })
     ]),
-    _chunkO67V3HJRcjs.columnFromTicketStatus.call(void 0, 
+    _chunkURVIPSAJcjs.columnFromTicketStatus.call(void 0, 
       "RESOLVED",
       [
         ticket("tk-1048", "Slow laptop", "RESOLVED", {
@@ -1926,7 +1926,7 @@ function TicketsBoardScreen({ compact = false }) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const board = _react.useMemo.call(void 0, () => buildTicketsBoardFixture(cast), [cast]);
   const columns = compact ? board.filter((column) => column.id !== "ON_HOLD") : board;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO67V3HJRcjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkURVIPSAJcjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
 }
 
 

package/dist/utils/embed-authed-fetch.d.ts

@@ -58,6 +58,34 @@ export interface EmbedAuthAdapter {
      * host's own auth layer, not to this fetch wrapper.
      */
     refresh?: () => Promise<boolean>;
+    /**
+     * Optional guard, run before every request goes out — the first attempt
+     * and the retry after a `refresh`. Throw — or reject — to refuse the
+     * request: `embedAuthedFetch` rejects with that error and nothing reaches
+     * the network.
+     *
+     * For a host-wide state that makes every request pointless. openframe's
+     * mobile force-update is the case it exists for: once the gateway has
+     * refused this client build, every later request is refused locally, so no
+     * surface's retry or reconnect loop keeps hitting the gateway. Runs inside
+     * the returned promise (after the synchronous same-origin guard), so
+     * callers see a rejection, never a synchronous throw.
+     */
+    beforeRequest?: () => void | Promise<void>;
+    /**
+     * Optional response hook, run on every response (the post-refresh retry's
+     * too) BEFORE the 401 self-heal. Throw — or reject — to fail the request
+     * with that error: `embedAuthedFetch` rejects with it, and neither
+     * `refresh` nor a retry runs. Return to let the response continue through
+     * the wrapper unchanged.
+     *
+     * For a status the host handles app-wide rather than per surface — e.g.
+     * openframe's gateway answering `426 Upgrade Required` to a too-old mobile
+     * build, which swaps the whole app for an "update required" screen and
+     * must never be retried or read as an auth failure. Read the body from
+     * `response.clone()`: once the hook returns, the caller reads the original.
+     */
+    onResponse?: (response: Response) => void | Promise<void>;
     /**
      * Exact extra origins (`scheme://host[:port]`, as produced by `URL.origin`)
      * the same-origin guard additionally accepts. The guard normally rejects
@@ -166,6 +194,11 @@ export declare function needsBearerAssetFetch(url: string): boolean;
  * no longer need a host-side `window.fetch` monkey-patch to survive an
  * expired access token mid-chat. With no adapter (or no `refresh`), the
  * 401 passes straight through unchanged.
+ *
+ * **Host hooks:** an adapter's `beforeRequest` may refuse a request before it
+ * is sent, and its `onResponse` sees every response ahead of the 401
+ * self-heal and may fail the request instead (see their docs). Without them
+ * the wrapper behaves exactly as described above.
  */
 export declare function embedAuthedFetch(url: string, init?: RequestInit): Promise<Response>;
 //# sourceMappingURL=embed-authed-fetch.d.ts.map

package/dist/utils/embed-authed-fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-authed-fetch.d.ts","sourceRoot":"","sources":["../../src/utils/embed-authed-fetch.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;4EAMwE;IACxE,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD;;6EAEyE;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClD;AA0BD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAS1E;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;GAMG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAE/E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAiB1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,WAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkCvF"}
+{"version":3,"file":"embed-authed-fetch.d.ts","sourceRoot":"","sources":["../../src/utils/embed-authed-fetch.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;4EAMwE;IACxE,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACtD;;6EAEyE;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAClD;AA0BD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAS1E;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;;;;;GAMG;AACH,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAE/E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAiB1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,WAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkCvF"}

package/dist/utils/embed-authed-fetch.js

@@ -82,8 +82,9 @@ function dedupedRefresh() {
   return inFlightRefresh;
 }
 async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
-  const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
   const adapter = getRegisteredAuthAdapter();
+  await adapter?.beforeRequest?.();
+  const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
   if (adapter?.getHeaders) {
     for (const [k, v] of Object.entries(adapter.getHeaders())) {
       if (v !== void 0) headers[k] = v;
@@ -100,6 +101,7 @@ async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
     // `SameSite=None` must be configured server-side for that to work).
     credentials
   });
+  await adapter?.onResponse?.(response);
   if (response.status === 401 && !isRetry && adapter?.refresh) {
     const refreshed = await dedupedRefresh();
     if (refreshed) {

package/dist/utils/index.cjs

@@ -83337,8 +83337,9 @@ function dedupedRefresh() {
   return inFlightRefresh;
 }
 async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
-  const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
   const adapter2 = getRegisteredAuthAdapter();
+  await adapter2?.beforeRequest?.();
+  const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
   if (adapter2?.getHeaders) {
     for (const [k, v] of Object.entries(adapter2.getHeaders())) {
       if (v !== void 0) headers[k] = v;
@@ -83355,6 +83356,7 @@ async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
     // `SameSite=None` must be configured server-side for that to work).
     credentials
   });
+  await adapter2?.onResponse?.(response);
   if (response.status === 401 && !isRetry && adapter2?.refresh) {
     const refreshed = await dedupedRefresh();
     if (refreshed) {

package/dist/{video-file-player-ZH2ILAPO.cjs → video-file-player-QZ3YOLHO.cjs}

@@ -19,7 +19,7 @@ require('./chunk-4IYNDV3G.cjs');
 require('./chunk-CW3ML76U.cjs');
 
 
-var _chunkVOX4E6AXcjs = require('./chunk-VOX4E6AX.cjs');
+var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 
 
@@ -406,7 +406,7 @@ function FilePlayer({
   const hover = useHoverPlayback(mediaRef, sound, { playOnHover, playWhenHovered, mutedIntent });
   const health = usePlaybackHealth(mediaRef, url, !chromeless);
   useIosNativeVideoFullscreen(mediaRef);
-  const captions = _chunkVOX4E6AXcjs.useAuthedAssetSrc.call(void 0, captionsUrl, "text/vtt, */*");
+  const captions = _chunkDGFDBPO7cjs.useAuthedAssetSrc.call(void 0, captionsUrl, "text/vtt, */*");
   const player = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _muxplayerreact2.default,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.741",
+  "version": "0.0.743",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "sideEffects": [

package/src/components/chat/entity-cards/onboarding-guide-card.tsx

@@ -296,7 +296,14 @@ export function OnboardingGuideCard({
       (s): s is string => typeof s === 'string' && s.length > 0,
     );
     return (
-      <Link href={href} target={target} rel={rel} prefetch={false} className={cn(COMPACT_CARD_OUTER, className)}>
+      <Link
+        href={href}
+        target={target}
+        rel={rel}
+        prefetch={false}
+        // `group`: the play mark on a video cover shows on the card's hover.
+        className={cn(COMPACT_CARD_OUTER, 'group', className)}
+      >
         <span className={COMPACT_CARD_IMAGE_SLOT}>
           {compactCover ? (
             <Image src={compactCover} alt={guide.title} fill sizes="56px" className="object-contain" unoptimized />

package/src/components/chat/tool-execution-display.tsx

@@ -69,6 +69,11 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
     const isConciseRemoteRead = !message.integratedToolType && !!previewText && argEntries.length === 0 && !hasResult;
     const isStaticRow = isClientView || isConciseRemoteRead;
     const hasBody = argEntries.length > 0 || hasResult || isExecuting;
+    // A run with no arguments and no result has nothing behind a chevron either:
+    // its header stays, with no chevron and no click target, so the row never
+    // opens onto an empty box. (A run still executing has a body: its live
+    // "Result:" placeholder.)
+    const isExpanded = expanded && hasBody;
 
     const renderStatusIcon = () => {
       if (isExecuting) return <DotsLoaderIcon size={16} className="text-ods-text-secondary" />;
@@ -96,7 +101,7 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
             'min-w-0 flex-1 text-h6',
             isClientView
               ? 'whitespace-pre-wrap break-words text-ods-text-primary'
-              : expanded
+              : isExpanded
                 ? 'whitespace-pre-wrap break-all text-ods-text-primary'
                 : 'line-clamp-2 max-h-10 break-all text-ods-text-secondary',
           )}
@@ -104,9 +109,9 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
           {previewText}
         </div>
         <div className="flex h-5 w-5 shrink-0 items-center justify-center">{renderStatusIcon()}</div>
-        {!isStaticRow && (
+        {!isStaticRow && hasBody && (
           <div className="flex h-5 w-5 shrink-0 items-center justify-center">
-            <ExpandChevron expanded={expanded} />
+            <ExpandChevron expanded={isExpanded} />
           </div>
         )}
       </>
@@ -135,13 +140,19 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
           </div>
         ) : (
           <>
-            <button
-              type="button"
-              className="flex w-full cursor-pointer items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left"
-              onClick={() => setExpanded(prev => !prev)}
-            >
-              {headerContent}
-            </button>
+            {hasBody ? (
+              <button
+                type="button"
+                className="flex w-full cursor-pointer items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left"
+                onClick={() => setExpanded(prev => !prev)}
+              >
+                {headerContent}
+              </button>
+            ) : (
+              <div className="flex w-full items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left">
+                {headerContent}
+              </div>
+            )}
 
             <div className="w-full" style={containerStyle}>
               <div ref={innerRef}>

package/src/components/features/scripts/schedule-form/schedule-interval-input.tsx

@@ -55,18 +55,25 @@ interface ScheduleIntervalInputProps {
  * held until the first Save (`showErrors`) and re-checked on blur
  * (`reValidateMode`), so nothing here is judged mid-word.
  */
-export function ScheduleIntervalInput({
-  value,
-  onChange,
-  onBlur,
-  disabled,
-  invalid,
-  error,
-  min,
-  className,
-  'aria-label': ariaLabel,
-  'data-invalid-focus': invalidFocus,
-}: ScheduleIntervalInputProps) {
+export function ScheduleIntervalInput(props: ScheduleIntervalInputProps) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    invalid,
+    error,
+    min,
+    className,
+    'aria-label': ariaLabel,
+    'data-invalid-focus': invalidFocus,
+  } = props;
+  // Only a box that shows its own error wires `Input`'s error slot (Repeat in).
+  // A wired slot wraps the box in a full-width column that reserves room for the
+  // message, and in a row that column takes the width of the control beside it:
+  // Stop Retry after, whose error the section carries, would squeeze its unit
+  // select to nothing.
+  const errorSlot = 'error' in props;
   const [text, setText] = useState(() => (value === null ? '' : String(value)));
   const focused = useRef(false);
 
@@ -115,7 +122,7 @@ export function ScheduleIntervalInput({
       }}
       disabled={disabled}
       invalid={invalid}
-      error={error}
+      {...(errorSlot ? { error } : {})}
     />
   );
 }

package/src/components/features/scripts/schedule-form/schedule-offline-fields.tsx

@@ -160,10 +160,15 @@ export function ScheduleOfflineFields({ showErrors, disabled = false }: { showEr
 
   const options = SCHEDULE_OFFLINE_BEHAVIOR_OPTIONS.map(option =>
     isRetryOnReconnect(option.value)
-      ? // Desktop only. Below `md` the caption plus two controls cannot share a
-        // row with the option's own label without squeezing it to nothing, so
-        // the same fields render full-width under the group instead.
-        { ...option, trailing: <div className="hidden content-md:flex">{windowFieldsFor(false)}</div> }
+      ? {
+          ...option,
+          // Desktop: the fields end the option's row.
+          trailing: <div className="hidden content-md:flex">{windowFieldsFor(false)}</div>,
+          // Below `md` the caption plus two controls cannot share a row with the
+          // option's own label without squeezing it to nothing, so the same
+          // fields take their own full-width row under it, inside the option.
+          footer: <div className="content-md:hidden">{windowFieldsFor(true)}</div>,
+        }
       : option,
   );
 
@@ -202,7 +207,6 @@ export function ScheduleOfflineFields({ showErrors, disabled = false }: { showEr
               disabled={disabled}
               options={options}
             />
-            <div className="pt-[var(--spacing-system-xs)] content-md:hidden">{windowFieldsFor(true)}</div>
             {intervalError && (
               <div className="absolute bottom-0 left-0 right-0 translate-y-full">
                 <TruncateText variant="h6" className="text-ods-error">

package/src/components/meeting-scheduler/booking-form.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Fragment, useEffect, useMemo, useState } from 'react';
+import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 import type { FormEvent, ReactNode, Ref } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import type { Control, Path, UseFormRegister } from 'react-hook-form';
@@ -397,6 +397,16 @@ export interface BookingFormProps {
    * appended full width. Both are deliberate — see `slotNode`/`unplacedFields`.
    */
   fieldRows?: BookingFieldRow[];
+  /** The form element's id, so a host can submit it from a button outside it
+   *  (`<button form={id}>`): the modal layout keeps its actions in a footer
+   *  under the card. */
+  formId?: string;
+  /** Leave the submit button out: the host draws one of its own (see `formId`). */
+  hideSubmit?: boolean;
+  /** Whether the answers would pass validation as they stand, reported on every
+   *  change: a host drawing its own submit keeps it disabled until this says
+   *  true. The form's own button never needs it - its click validates. */
+  onValidityChange?: (valid: boolean) => void;
   /** Per-field display overrides, keyed by field name — see `BookingFieldCopy`. */
   fieldCopy?: Record<string, BookingFieldCopy>;
   /** Email domains this form refuses, with the message it shows — see `DeniedEmailDomains`.
@@ -441,6 +451,9 @@ export function BookingForm({
   submitLabel,
   footerNote,
   fieldRows,
+  formId,
+  hideSubmit = false,
+  onValidityChange,
   fieldCopy,
   deniedEmailDomains,
   consent,
@@ -507,6 +520,19 @@ export function BookingForm({
   const [consentError, setConsentError] = useState<string | null>(null);
   const consentMissing = Boolean(consent) && !consented;
 
+  // Live validity for a host-drawn submit. `watch()` re-renders on every
+  // change; the parse is the same schema the submit runs, so the two can never
+  // disagree. Reported only when asked for, and only when it changes.
+  const watchedValues = watch();
+  const liveValid = onValidityChange ? schema.safeParse(watchedValues).success && !consentMissing : false;
+  const lastValidRef = useRef<boolean | null>(null);
+  useEffect(() => {
+    if (!onValidityChange) return;
+    if (lastValidRef.current === liveValid) return;
+    lastValidRef.current = liveValid;
+    onValidityChange(liveValid);
+  });
+
   // The seeded availability is refetched immediately on mount, so the link's
   // consent set can change WHILE this form is open. Reconcile rather than
   // remount: carry each `consented` across by id and default new ids to false.
@@ -685,7 +711,7 @@ export function BookingForm({
 
   // Opted out of HubSpot's collected-forms script — see HUBSPOT_DO_NOT_COLLECT_FORM_PROPS.
   return (
-    <form onSubmit={submit} className={FORM_STACK} noValidate {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}>
+    <form id={formId} onSubmit={submit} className={FORM_STACK} noValidate {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}>
       <HoneypotField {...honeypotInputProps} />
 
       {/* Email first, name pair below — the order the desktop and mobile mocks
@@ -806,7 +832,7 @@ export function BookingForm({
       {/* Two shapes, not one with a placeholder: without a note this must stay
           the bare `flex` row it has always been, or the submit slides from the
           left edge to the right on every existing slot-first booking. */}
-      {footerNote ? (
+      {hideSubmit ? null : footerNote ? (
         <div className={FOOTER_ROW_CLASS}>
           <p className="text-ods-text-secondary text-h6">{footerNote}</p>
           {submitButton}