tmux-ide 2.9.0-beta.20 → 2.9.0-beta.21

package/packages/daemon/src/tui/mirror/open-tui-workspace-runtime-port.ts

@@ -155,7 +155,11 @@ export interface OpenTuiWorkspaceRuntimePort extends WorkspaceClientRuntimePort<
   getLayout(): OpenTuiWorkspaceLayout | null;
   getLayoutSnapshot(): OpenTuiWorkspaceLayoutSnapshot;
   onLayout(listener: (layout: OpenTuiWorkspaceLayoutSnapshot) => void): () => void;
-  fitViewport(cols: number, rows: number): Promise<"ok" | "geometry-authority-conflict">;
+  fitViewport(
+    cols: number,
+    rows: number,
+    semanticWindowId?: string,
+  ): Promise<"ok" | "geometry-authority-conflict">;
 }
 
 export interface ConnectOpenTuiWorkspaceRuntimePortOptions {
@@ -1395,8 +1399,17 @@ export async function connectOpenTuiWorkspaceRuntimePort(
       }
     }) ?? null;
   type FitResult = "ok" | "geometry-authority-conflict";
-  let pendingInitialFit: { cols: number; rows: number; result: Promise<FitResult> } | null = null;
-  const fitViewport = (cols: number, rows: number): Promise<FitResult> => {
+  let pendingInitialFit: {
+    cols: number;
+    rows: number;
+    semanticWindowId?: string;
+    result: Promise<FitResult>;
+  } | null = null;
+  const fitViewport = (
+    cols: number,
+    rows: number,
+    semanticWindowId?: string,
+  ): Promise<FitResult> => {
     if (closed) return Promise.resolve("geometry-authority-conflict");
     // Keep only the latest requested geometry while hidden seeds arrive. All
     // callers share one wait; resize storms cannot accumulate deferred work.
@@ -1404,23 +1417,31 @@ export async function connectOpenTuiWorkspaceRuntimePort(
       if (pendingInitialFit) {
         pendingInitialFit.cols = cols;
         pendingInitialFit.rows = rows;
+        pendingInitialFit.semanticWindowId = semanticWindowId;
         return pendingInitialFit.result;
       }
       const request = {
         cols,
         rows,
+        semanticWindowId,
         result: Promise.resolve<FitResult>("geometry-authority-conflict"),
       };
       pendingInitialFit = request;
       request.result = allSeeds.then((ready) => {
         pendingInitialFit = null;
-        return ready ? fitViewport(request.cols, request.rows) : "geometry-authority-conflict";
+        return ready
+          ? fitViewport(request.cols, request.rows, request.semanticWindowId)
+          : "geometry-authority-conflict";
       });
       return request.result;
     }
     if ([...endpoints.values()].some((endpoint) => !endpoint.inputReady))
       return Promise.resolve("geometry-authority-conflict");
-    return opened.fitViewport(cols, rows).catch((error: unknown) => {
+    return (
+      semanticWindowId === undefined
+        ? opened.fitViewport(cols, rows)
+        : opened.fitViewport(cols, rows, semanticWindowId)
+    ).catch((error: unknown) => {
       if (error instanceof PaneStreamOperationError && error.code === "authority-rejected")
         return "geometry-authority-conflict" as const;
       throw error;

package/packages/daemon/src/tui/mirror/pane-surface.tsx

@@ -164,9 +164,8 @@ export interface PaneSurfaceOptions extends RenderableOptions<FrameBufferRendera
   /** Bumps when canonical presentation changed without terminal cell damage. */
   presentationVersion?: number;
   /**
-   * Renderer-owned framebuffer generation. Unlike `contentVersion`, this
-   * changes when retained canonical cells are still current but the native
-   * presentation may have been invalidated by composition or visibility.
+   * Renderer-owned composition generation. Retained framebuffer cells survive
+   * visibility and position changes; the hardware cursor must be re-presented.
    */
   presentationGeneration?: string;
   /** Retained-source generation; forces a full blit even when content version restarts equal. */
@@ -641,11 +640,11 @@ class PaneSurfaceRenderable extends FrameBufferRenderable {
   set presentationGeneration(v: string) {
     if (v === this._presentationGeneration) return;
     this._presentationGeneration = v;
-    // Framebuffer validity is independent from terminal content freshness. A
-    // quiet pane must be able to repaint its retained canonical snapshot after
-    // visibility/composition changes without waiting for another terminal byte.
-    this._forceFull = true;
-    this.invalidate();
+    // Composition reuses the retained framebuffer. Geometry reallocation,
+    // source replacement and palette changes independently force a full walk.
+    // Reclaim the hardware cursor at the new absolute position on visibility.
+    this._needsCursorPresentation = true;
+    this.requestRender();
   }
   set sourceEpoch(v: number) {
     if (v === this._sourceEpoch) return;
@@ -668,6 +667,8 @@ class PaneSurfaceRenderable extends FrameBufferRenderable {
       // Detailed focus correlation never owns renderer replacement.
     }
     this._rendererEpoch = v;
+    this._forceFull = true;
+    this.invalidate();
   }
   set hostFocusTransitionOwner(v: PaneSurfaceHostFocusTransitionOwner | null | undefined) {
     if (v !== this._hostFocusTransitionOwner) this.cancelPendingFocusTransition();

package/packages/daemon/src/tui/mirror/resize-transaction.ts

@@ -104,6 +104,7 @@ function sameTarget(
 ): boolean {
   return (
     state.operationId === observation.operationId &&
+    state.authorityGeneration === observation.authorityGeneration &&
     state.workspaceName === observation.workspaceName &&
     state.semanticPaneId === observation.semanticPaneId &&
     state.axis === observation.axis
@@ -113,9 +114,9 @@ function sameTarget(
 /**
  * Renderer-local pane-resize transaction.
  *
- * Pointer motion only changes the preview state. Release authors exactly one
- * semantic intent and keeps that preview visible until the matching observed
- * operation settles or rejects. The controller owns no timers, transport, or
+ * Pointer motion submits the first target immediately, then retains only the
+ * latest desired size while receipt and canonical layout settle the pending
+ * operation. Release closes the gesture and flushes that latest target. The controller owns no timers, transport, or
  * rendering effects beyond the functions supplied by its caller.
  */
 export class ResizeTransactionController {
@@ -129,6 +130,8 @@ export class ResizeTransactionController {
   #projection: OptimisticProjectionState<number, number> | null = null;
   #revision = 0;
   #disposed = false;
+  #dragOpen = false;
+  #submittedCells: number | null = null;
 
   constructor(options: ResizeTransactionControllerOptions) {
     if (!Number.isFinite(options.timeoutMs) || options.timeoutMs <= 0) {
@@ -150,6 +153,8 @@ export class ResizeTransactionController {
     const workspaceName = nonEmpty(input.workspaceName, "workspaceName");
     const semanticPaneId = nonEmpty(input.semanticPaneId, "semanticPaneId");
     const canonicalCells = positiveCells(input.canonicalCells, "canonicalCells");
+    this.#dragOpen = true;
+    this.#submittedCells = null;
     this.#projection = createOptimisticProjection<number, number>({
       generation: authorityGeneration,
       revision: this.#revision,
@@ -168,28 +173,31 @@ export class ResizeTransactionController {
     return true;
   }
 
-  /** Purely local preview update. It never calls submit or schedules work. */
+  /** First/latest coalescing: at most one mutation awaits canonical settlement. */
   move(previewCells: number): boolean {
-    if (this.#state.phase !== "dragging") return false;
+    if (!this.#dragOpen || this.#state.phase === "idle") return false;
     const next = positiveCells(previewCells, "previewCells");
     if (next === this.#state.previewCells) return false;
     this.#emit({ ...this.#state, previewCells: next });
+    if (this.#state.phase === "dragging") this.#submit();
     return true;
   }
 
-  /**
-   * Submit once. Duplicate physical release/up/drop events return the existing
-   * operation id without authoring another mutation.
-   */
+  /** Duplicate releases never author another mutation. */
   release(): string | null {
+    this.#dragOpen = false;
     if (this.#state.phase === "pending") return this.#state.operationId;
     if (this.#state.phase !== "dragging") return null;
-    const dragging = this.#state;
-    if (dragging.previewCells === dragging.canonicalCells) {
-      this.#emit({ phase: "idle", canonicalCells: dragging.canonicalCells, outcome: null });
-      return null;
-    }
+    const canonicalCells = this.#state.canonicalCells;
+    this.#emit({ phase: "idle", canonicalCells, outcome: null });
+    return null;
+  }
 
+  #submit(): string | null {
+    if (this.#state.phase !== "dragging") return null;
+    const dragging = this.#state;
+    if (dragging.previewCells === dragging.canonicalCells) return null;
+    this.#submittedCells = dragging.previewCells;
     const operationId = nonEmpty(this.#options.operationId(), "operationId");
     const submittedAt = this.#options.now();
     if (!this.#projection) throw new Error("resize projection is unavailable");
@@ -245,9 +253,14 @@ export class ResizeTransactionController {
     });
   }
 
-  /** Escape/cancel is only meaningful before release. */
+  /** Discard queued motion; an already dispatched mutation cannot be undone. */
   cancelDrag(): boolean {
-    if (this.#state.phase !== "dragging") return false;
+    if (!this.#dragOpen || this.#state.phase === "idle") return false;
+    this.#dragOpen = false;
+    if (this.#state.phase === "pending") {
+      this.#emit({ ...this.#state, previewCells: this.#submittedCells! });
+      return true;
+    }
     const canonicalCells = this.#state.canonicalCells;
     this.#emit({ phase: "idle", canonicalCells, outcome: null });
     return true;
@@ -260,6 +273,8 @@ export class ResizeTransactionController {
 
   /** Retire one runtime lane without permanently disposing the controller. */
   retire(): void {
+    this.#dragOpen = false;
+    this.#submittedCells = null;
     this.#clearTimeout();
     this.#projection = null;
     if (this.#state.phase !== "idle" || this.#state.canonicalCells !== null) {
@@ -277,7 +292,8 @@ export class ResizeTransactionController {
     )
       return false;
     const cells = positiveCells(observation.cells, "observed cells");
-    const operationId = this.#state.operationId;
+    const pending = this.#state;
+    const operationId = pending.operationId;
     if (!this.#projection) return false;
     this.#revision += 1;
     this.#projection = replaceCommittedProjection(
@@ -290,11 +306,18 @@ export class ResizeTransactionController {
       { observedOperationIds: [operationId], nowMs: this.#options.now() },
     );
     this.#clearTimeout();
-    this.#emit({
-      phase: "idle",
-      canonicalCells: cells,
-      outcome: { kind: "settled", operationId, source, cells },
-    });
+    const hasLatest =
+      pending.previewCells !== this.#submittedCells && pending.previewCells !== cells;
+    if (this.#dragOpen || hasLatest) {
+      this.#emit({ ...pending, phase: "dragging", canonicalCells: cells });
+      if (hasLatest) this.#submit();
+    } else {
+      this.#emit({
+        phase: "idle",
+        canonicalCells: cells,
+        outcome: { kind: "settled", operationId, source, cells },
+      });
+    }
     return true;
   }
 
@@ -321,6 +344,7 @@ export class ResizeTransactionController {
       );
     }
     const canonicalCells = this.#state.canonicalCells;
+    this.#dragOpen = false;
     this.#clearTimeout();
     this.#emit({
       phase: "idle",

package/packages/daemon/src/tui/mirror/runtime/application-appearance-owner.ts

@@ -1,3 +1,5 @@
+import type { CliRenderer } from "@opentui/core";
+import { createAutomaticContrastPass } from "../automatic-contrast.ts";
 import { VISUAL_THEME_PRESETS, findVisualThemePreset } from "@tmux-ide/contracts";
 import { batch, createSignal, type Accessor } from "solid-js";
 
@@ -26,6 +28,8 @@ export interface ApplicationAppearanceOwner {
   readonly palette: Accessor<TerminalPaletteProjection>;
   readonly hostPalette: Accessor<ApplicationTerminalPaletteSnapshot>;
   readonly setTransientNote: (note: string | null) => void;
+  readonly automaticContrast: Accessor<boolean>;
+  readonly toggleAutomaticContrast: () => void;
   readonly pickerOpen: Accessor<boolean>;
   readonly pickerError: Accessor<string | null>;
   readonly openPicker: () => void;
@@ -54,15 +58,36 @@ export interface ApplicationAppearanceSnapshot {
 }
 
 function hostDefaults(snapshot: ApplicationTerminalPaletteSnapshot) {
-  if (snapshot.availability !== "available") return null;
-  return deriveSystemVisualHostDefaults(snapshot);
+  return (
+    deriveSystemVisualHostDefaults(snapshot) ?? { appearance: snapshot.detectedMode, overrides: {} }
+  );
 }
 
 export function createAppearanceOwner(
   config: AppConfig,
-  renderer: ThemeModeSource,
+  renderer: ThemeModeSource &
+    Partial<Pick<CliRenderer, "addPostProcessFn" | "removePostProcessFn" | "requestRender">>,
   terminalPaletteOwner: ApplicationTerminalPaletteOwner,
 ): ApplicationAppearanceOwner {
+  const [automaticContrast, setAutomaticContrast] = createSignal(
+    config.theme.automaticContrast ?? true,
+  );
+  const correct = createAutomaticContrastPass();
+  const postProcess: Parameters<CliRenderer["addPostProcessFn"]>[0] = (buffer) => {
+    if (automaticContrast()) correct(buffer);
+  };
+  renderer.addPostProcessFn?.(postProcess);
+  const setContrast = (enabled: boolean) => {
+    if (enabled === automaticContrast()) return;
+    setAutomaticContrast(enabled);
+    renderer.requestRender?.();
+  };
+  const toggleAutomaticContrast = () => {
+    if (pickerOpen()) {
+      setContrast(!automaticContrast());
+      setPickerError(null);
+    }
+  };
   const initialHostPalette = terminalPaletteOwner.getSnapshot();
   const store = createSemanticThemeStore(config.theme, {
     rendererMode: renderer.themeMode,
@@ -128,10 +153,17 @@ export function createAppearanceOwner(
   const apply = (id: string) => {
     const preset = findVisualThemePreset(id);
     const mode = preset?.appearance ?? (id as ThemeModeSetting);
-    store.configure({ ...config.theme, mode, preset: preset?.id });
+    const wasSystem = theme().setting === "system";
+    store.configure({
+      ...config.theme,
+      mode,
+      preset: preset?.id,
+    });
+    if (mode === "system" && !wasSystem) void terminalPaletteOwner.refresh();
     setPickerSelection(id);
   };
   let originalSelection = pickerSelection();
+  let originalContrast = automaticContrast();
   const preview = (id: string): void => {
     if (!pickerOpen()) return;
     setPickerError(null);
@@ -139,6 +171,7 @@ export function createAppearanceOwner(
   };
   const cancelPicker = (): void => {
     if (!pickerOpen()) return;
+    setContrast(originalContrast);
     apply(originalSelection);
     setPickerOpen(false);
     setPickerError(null);
@@ -148,6 +181,7 @@ export function createAppearanceOwner(
     try {
       updateAppConfig({
         theme: {
+          automaticContrast: automaticContrast(),
           mode: theme().setting,
           preset: findVisualThemePreset(pickerSelection())?.id ?? "",
         },
@@ -165,7 +199,7 @@ export function createAppearanceOwner(
     const order: readonly ThemeModeSetting[] = ["dark", "light", "system"];
     const next = order[(order.indexOf(theme().setting) + 1) % order.length]!;
     apply(next);
-    updateAppConfig({ theme: { mode: next, preset: "" } });
+    updateAppConfig({ theme: { mode: next, preset: "", automaticContrast: automaticContrast() } });
     notice.publish(`theme → ${next}`);
   };
   return {
@@ -176,6 +210,8 @@ export function createAppearanceOwner(
     palette,
     hostPalette,
     setTransientNote: notice.publish,
+    automaticContrast,
+    toggleAutomaticContrast,
     pickerOpen,
     pickerError,
     pickerQuery,
@@ -184,6 +220,7 @@ export function createAppearanceOwner(
     openPicker() {
       if (pickerOpen()) return;
       originalSelection = pickerSelection();
+      originalContrast = automaticContrast();
       setPickerQuery("");
       setPickerError(null);
       setPickerOpen(true);
@@ -196,7 +233,8 @@ export function createAppearanceOwner(
       if (event.eventType === "release" || event.repeated) return true;
       const name = event.name.toLowerCase();
       const choices = pickerOptions();
-      if (name === "escape") cancelPicker();
+      if (event.ctrl && name === "a") toggleAutomaticContrast();
+      else if (name === "escape") cancelPicker();
       else if (name === "return" || name === "enter") savePicker();
       else if (name === "up" || name === "down" || name === "tab") {
         if (choices.length) {
@@ -219,6 +257,7 @@ export function createAppearanceOwner(
     },
     cycleTheme,
     dispose() {
+      renderer.removePostProcessFn?.(postProcess);
       stopTheme();
       stopRendererTheme();
       stopHostPalette();

package/packages/daemon/src/tui/mirror/runtime/application-machine-sidebar.tsx

@@ -175,6 +175,7 @@ export function ApplicationMachineSidebar(props: {
         : []),
     ]),
   );
+  const rowsByKey = createMemo(() => new Map(rows().map((row) => [row.key, row])));
   const index = () =>
     Math.max(
       0,
@@ -437,83 +438,106 @@ export function ApplicationMachineSidebar(props: {
         scrollY={true}
         horizontalScrollbarOptions={{ visible: false }}
       >
-        <For each={rows()}>
-          {(row) => (
-            <box
-              width={Math.max(1, props.width - 1)}
-              height={row.agent ? (row.agentHeading ? 3 : 2) : 1}
-              flexShrink={0}
-              flexDirection="column"
-            >
-              <Show when={row.agentHeading}>
-                <text height={1} fg={props.theme.roles.text.secondary}>
-                  {" "}
-                  Agents
-                </text>
-              </Show>
-              <NavigationRow
-                theme={props.theme}
-                id={`machine:${row.key}`}
+        <For each={rows().map((row) => row.key)}>
+          {(key) => {
+            // The semantic key owns the native row; fresh snapshots update its
+            // props instead of destroying and recreating identical renderables.
+            const current = createMemo<Row>(
+              (previous) => rowsByKey().get(key) ?? previous,
+              rowsByKey().get(key)!,
+            );
+            const row: Row = {
+              key,
+              get group() {
+                return current().group;
+              },
+              get session() {
+                return current().session;
+              },
+              get agent() {
+                return current().agent;
+              },
+              get agentHeading() {
+                return current().agentHeading;
+              },
+            };
+            return (
+              <box
                 width={Math.max(1, props.width - 1)}
-                labelColor={!row.agent && !row.session ? fleetHostColor(row.group) : undefined}
-                label={
-                  row.agent
-                    ? row.agent.name
-                    : row.session
-                      ? friendlySessionLabel(row.session.name)
-                      : row.group.label
-                }
-                marker={
-                  row.agent
-                    ? active(row)
-                      ? row.agent.attention
-                        ? "›!"
-                        : "›"
-                      : row.agent.attention
-                        ? "!"
-                        : "•"
-                    : row.session
-                      ? props.model.favorites?.().includes(row.session.id)
-                        ? " ★"
-                        : active(row)
-                          ? " ›"
-                          : "  "
-                      : collapsed().has(preferenceKey(row.group))
-                        ? "▸"
-                        : "▾"
-                }
-                detail={
-                  row.agent
-                    ? row.group.state !== "ready" || row.agent.disabled
-                      ? "unavailable"
-                      : `[${terminalAgentStatusLabel(row.agent.activity)}]`
-                    : row.session
-                      ? row.group.state !== "ready" || row.session.disabled
+                height={row.agent ? (row.agentHeading ? 3 : 2) : 1}
+                flexShrink={0}
+                flexDirection="column"
+              >
+                <Show when={row.agentHeading}>
+                  <text height={1} fg={props.theme.roles.text.secondary}>
+                    {" "}
+                    Agents
+                  </text>
+                </Show>
+                <NavigationRow
+                  theme={props.theme}
+                  id={`machine:${row.key}`}
+                  width={Math.max(1, props.width - 1)}
+                  labelColor={!row.agent && !row.session ? fleetHostColor(row.group) : undefined}
+                  label={
+                    row.agent
+                      ? row.agent.name
+                      : row.session
+                        ? friendlySessionLabel(row.session.name)
+                        : row.group.label
+                  }
+                  marker={
+                    row.agent
+                      ? active(row)
+                        ? row.agent.attention
+                          ? "›!"
+                          : "›"
+                        : row.agent.attention
+                          ? "!"
+                          : "•"
+                      : row.session
+                        ? props.model.favorites?.().includes(row.session.id)
+                          ? " ★"
+                          : active(row)
+                            ? " ›"
+                            : "  "
+                        : collapsed().has(preferenceKey(row.group))
+                          ? "▸"
+                          : "▾"
+                  }
+                  detail={
+                    row.agent
+                      ? row.group.state !== "ready" || row.agent.disabled
                         ? "unavailable"
-                        : `${row.session.paneCount}p${row.group.agents?.length ? ` ${activity(row).label}` : ""}`
-                      : row.group.agents?.length && row.group.state === "ready"
-                        ? activity(row).label
-                        : `${connectionDetail(row.group)}${row.group.agents?.length ? " ?" : ""}`
-                }
-                selected={Boolean((row.session || row.agent) && active(row))}
-                focused={Boolean(focused() && row.key === selectedKey())}
-                attention={row.agent?.attention ?? activity(row).kind === "attention"}
-                onActivate={(source) => activate(row, source)}
-              />
-              <Show when={row.agent}>
-                {(agent) => (
-                  <text
-                    height={1}
-                    fg={props.theme.roles.text.muted}
-                    content={clipTerminal(
-                      `  ${friendlySessionLabel(agent().sessionName)}`,
-                      Math.max(1, props.width - 1),
-                    )}
-                  />
-                )}
-              </Show>
-            </box>
-          )}
+                        : `[${terminalAgentStatusLabel(row.agent.activity)}]`
+                      : row.session
+                        ? row.group.state !== "ready" || row.session.disabled
+                          ? "unavailable"
+                          : `${row.session.paneCount}p${row.group.agents?.length ? ` ${activity(row).label}` : ""}`
+                        : row.group.agents?.length && row.group.state === "ready"
+                          ? activity(row).label
+                          : `${connectionDetail(row.group)}${row.group.agents?.length ? " ?" : ""}`
+                  }
+                  selected={Boolean((row.session || row.agent) && active(row))}
+                  focused={Boolean(focused() && row.key === selectedKey())}
+                  attention={row.agent?.attention ?? activity(row).kind === "attention"}
+                  onActivate={(source) => activate(row, source)}
+                />
+                <Show when={row.agent}>
+                  {(agent) => (
+                    <text
+                      height={1}
+                      fg={props.theme.roles.text.muted}
+                      content={clipTerminal(
+                        `  ${friendlySessionLabel(agent().sessionName)}`,
+                        Math.max(1, props.width - 1),
+                      )}
+                    />
+                  )}
+                </Show>
+              </box>
+            );
+          }}
         </For>
       </scrollbox>
       <For each={agentHeight() > 0 ? [true] : []}>

package/packages/daemon/src/tui/mirror/runtime/application-root-v2.tsx

@@ -622,6 +622,7 @@ export async function startApplicationRoot(options: StartApplicationRootOptions
               })}
               onResizePreview={recoverHostFocus(interaction.previewPaneResize)}
               onResizePane={recoverHostFocus(interaction.resizePane)}
+              onCancelResize={interaction.cancelPaneResize}
               onResizePointerIngress={recoverHostFocus.optional(resizeIngress)}
               onWheelObservation={tuiPerfWheelObservation}
               onTerminalInput={recoverHostFocus((paneId, input) =>

package/packages/daemon/src/tui/mirror/runtime/application-shell-overlays.tsx

@@ -493,7 +493,7 @@ export function AppearanceDialog(props: {
       viewportWidth={props.width}
       viewportHeight={props.height}
       width={width()}
-      height={Math.min(18, props.height)}
+      height={Math.min(19, props.height)}
       title="Appearance"
       footer={width() < 40 ? "Enter save · Esc back" : "↑↓ preview · Enter save · Esc cancel"}
       active={props.active}
@@ -505,10 +505,17 @@ export function AppearanceDialog(props: {
         fg={props.owner.theme().roles.text.primary}
         content={`Search: ${props.owner.pickerQuery() || "type to filter"}`}
       />
+      <TuiButton
+        theme={props.owner.theme()}
+        label={`^A Contrast: ${props.owner.automaticContrast() ? "On" : "Off"}`}
+        size="compact"
+        disabled={props.active === false}
+        onPress={props.owner.toggleAutomaticContrast}
+      />
       <For
         each={(() => {
           const options = props.owner.pickerOptions();
-          const count = Math.max(1, Math.min(10, props.height - 8));
+          const count = Math.max(1, Math.min(10, props.height - 9));
           const index = options.findIndex((p) => p.id === props.owner.pickerSelection());
           const start = Math.max(
             0,

package/packages/daemon/src/tui/mirror/runtime/application-shell-view.tsx

@@ -125,6 +125,7 @@ export interface ApplicationShellViewProps {
   readonly onSelectPane: TerminalWorkspaceProps["onSelectPane"];
   readonly onResizePreview: TerminalWorkspaceProps["onResizePreview"];
   readonly onResizePane: TerminalWorkspaceProps["onResizePane"];
+  readonly onCancelResize?: TerminalWorkspaceProps["onCancelResize"];
   readonly onResizePointerIngress?: TerminalWorkspaceProps["onResizePointerIngress"];
   readonly onWheelObservation?: TerminalWorkspaceProps["onWheelObservation"];
   readonly onTerminalInput?: TerminalWorkspaceProps["onTerminalInput"];
@@ -517,6 +518,7 @@ export function ApplicationShellView(props: ApplicationShellViewProps): JSX.Elem
                       }}
                       onResizePreview={props.onResizePreview}
                       onResizePane={props.onResizePane}
+                      onCancelResize={props.onCancelResize}
                       onResizePointerIngress={props.onResizePointerIngress}
                       onWheelObservation={props.onWheelObservation}
                       onTerminalInput={props.onTerminalInput}