@jmoyers/harness 0.1.0

package/src/mux/live-mux/modal-input-reducers.ts

@@ -0,0 +1,94 @@
+export interface TaskEditorPromptInputState {
+  title: string;
+  description: string;
+  repositoryIds: readonly string[];
+  repositoryIndex: number;
+  fieldIndex: 0 | 1 | 2;
+}
+
+interface TaskEditorPromptReduction {
+  title: string;
+  description: string;
+  repositoryIndex: number;
+  fieldIndex: 0 | 1 | 2;
+  submit: boolean;
+}
+
+interface LinePromptReduction {
+  value: string;
+  submit: boolean;
+}
+
+export function reduceLinePromptInput(value: string, input: Buffer): LinePromptReduction {
+  let nextValue = value;
+  let submit = false;
+  for (const byte of input) {
+    if (byte === 0x0d || byte === 0x0a) {
+      submit = true;
+      break;
+    }
+    if (byte === 0x7f || byte === 0x08) {
+      nextValue = nextValue.slice(0, -1);
+      continue;
+    }
+    if (byte >= 32 && byte <= 126) {
+      nextValue += String.fromCharCode(byte);
+    }
+  }
+  return {
+    value: nextValue,
+    submit,
+  };
+}
+
+export function reduceTaskEditorPromptInput(
+  prompt: TaskEditorPromptInputState,
+  input: Buffer,
+): TaskEditorPromptReduction {
+  let nextTitle = prompt.title;
+  let nextDescription = prompt.description;
+  let nextFieldIndex = prompt.fieldIndex;
+  let nextRepositoryIndex = prompt.repositoryIndex;
+  let submit = false;
+  const text = input.toString('utf8');
+  if (text === '\u001b[C') {
+    nextFieldIndex = 1;
+    nextRepositoryIndex = Math.min(prompt.repositoryIds.length - 1, prompt.repositoryIndex + 1);
+  } else if (text === '\u001b[D') {
+    nextFieldIndex = 1;
+    nextRepositoryIndex = Math.max(0, prompt.repositoryIndex - 1);
+  } else {
+    for (const byte of input) {
+      if (byte === 0x0d || byte === 0x0a) {
+        submit = true;
+        break;
+      }
+      if (byte === 0x09) {
+        nextFieldIndex = ((nextFieldIndex + 1) % 3) as 0 | 1 | 2;
+        continue;
+      }
+      if (byte === 0x7f || byte === 0x08) {
+        if (nextFieldIndex === 0) {
+          nextTitle = nextTitle.slice(0, -1);
+        } else if (nextFieldIndex === 2) {
+          nextDescription = nextDescription.slice(0, -1);
+        }
+        continue;
+      }
+      if (byte >= 32 && byte <= 126) {
+        if (nextFieldIndex === 0) {
+          nextTitle += String.fromCharCode(byte);
+        } else if (nextFieldIndex === 2) {
+          nextDescription += String.fromCharCode(byte);
+        }
+      }
+    }
+  }
+  return {
+    title: nextTitle,
+    description: nextDescription,
+    repositoryIndex: nextRepositoryIndex,
+    fieldIndex: nextFieldIndex,
+    submit,
+  };
+}

package/src/mux/live-mux/modal-overlays.ts

@@ -0,0 +1,287 @@
+import {
+  CONVERSATION_EDIT_ARCHIVE_BUTTON_LABEL,
+  NEW_THREAD_MODAL_CLAUDE_BUTTON,
+  NEW_THREAD_MODAL_CODEX_BUTTON,
+  NEW_THREAD_MODAL_CRITIQUE_BUTTON,
+  NEW_THREAD_MODAL_CURSOR_BUTTON,
+  NEW_THREAD_MODAL_TERMINAL_BUTTON,
+  resolveGoldenModalSize,
+} from '../harness-core-ui.ts';
+import {
+  COMMAND_MENU_MAX_RESULTS,
+  resolveCommandMenuMatches,
+  type CommandMenuActionDescriptor,
+  type CommandMenuState,
+} from './command-menu.ts';
+import type { createNewThreadPromptState } from '../new-thread-prompt.ts';
+import { newThreadPromptBodyLines } from '../new-thread-prompt.ts';
+import { buildUiModalOverlay } from '../../ui/kit.ts';
+
+type NewThreadPromptState = ReturnType<typeof createNewThreadPromptState>;
+type UiModalThemeInput = NonNullable<Parameters<typeof buildUiModalOverlay>[0]['theme']>;
+
+interface TaskEditorPromptOverlayState {
+  mode: 'create' | 'edit';
+  title: string;
+  description: string;
+  repositoryIds: readonly string[];
+  repositoryIndex: number;
+  fieldIndex: 0 | 1 | 2;
+  error: string | null;
+}
+
+interface RepositoryPromptOverlayState {
+  readonly mode: 'add' | 'edit';
+  readonly value: string;
+  readonly error: string | null;
+}
+
+interface ConversationTitleOverlayState {
+  value: string;
+  lastSavedValue: string;
+  error: string | null;
+  persistInFlight: boolean;
+}
+
+export function buildNewThreadModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  prompt: NewThreadPromptState | null,
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (prompt === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 15,
+    minWidth: 22,
+    maxWidth: 36,
+  });
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: 'New Thread',
+    bodyLines: newThreadPromptBodyLines(prompt, {
+      codexButtonLabel: NEW_THREAD_MODAL_CODEX_BUTTON,
+      claudeButtonLabel: NEW_THREAD_MODAL_CLAUDE_BUTTON,
+      cursorButtonLabel: NEW_THREAD_MODAL_CURSOR_BUTTON,
+      terminalButtonLabel: NEW_THREAD_MODAL_TERMINAL_BUTTON,
+      critiqueButtonLabel: NEW_THREAD_MODAL_CRITIQUE_BUTTON,
+    }),
+    footer: 'enter create  esc',
+    theme,
+  });
+}
+
+export function buildCommandMenuModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  menu: CommandMenuState | null,
+  actions: readonly CommandMenuActionDescriptor[],
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (menu === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 18,
+    minWidth: 34,
+    maxWidth: 72,
+  });
+  const matches = resolveCommandMenuMatches(actions, menu.query, COMMAND_MENU_MAX_RESULTS);
+  const selectedIndex =
+    matches.length === 0 ? 0 : Math.max(0, Math.min(matches.length - 1, menu.selectedIndex));
+  const bodyLines: string[] = [`search: ${menu.query}_`, ''];
+  if (matches.length === 0) {
+    bodyLines.push('no actions match');
+  } else {
+    for (let index = 0; index < matches.length; index += 1) {
+      const match = matches[index]!;
+      const prefix = index === selectedIndex ? '>' : ' ';
+      const detail = match.action.detail?.trim() ?? '';
+      bodyLines.push(
+        detail.length > 0
+          ? `${prefix} ${match.action.title} - ${detail}`
+          : `${prefix} ${match.action.title}`,
+      );
+    }
+  }
+  bodyLines.push('', 'type to filter');
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: 'Command Menu',
+    bodyLines,
+    footer: 'enter run  esc',
+    theme,
+  });
+}
+
+export function buildAddDirectoryModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  prompt: { value: string; error: string | null } | null,
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (prompt === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 15,
+    minWidth: 24,
+    maxWidth: 40,
+  });
+  const promptValue = prompt.value.length > 0 ? prompt.value : '.';
+  const addDirectoryBody = [`path: ${promptValue}_`];
+  if (prompt.error !== null && prompt.error.length > 0) {
+    addDirectoryBody.push(`error: ${prompt.error}`);
+  } else {
+    addDirectoryBody.push('add a workspace project for new threads');
+  }
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: 'Add Project',
+    bodyLines: addDirectoryBody,
+    footer: 'enter save  esc',
+    theme,
+  });
+}
+
+export function buildTaskEditorModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  prompt: TaskEditorPromptOverlayState | null,
+  resolveRepositoryName: (repositoryId: string) => string | null,
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (prompt === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 18,
+    minWidth: 30,
+    maxWidth: 56,
+  });
+  const selectedRepositoryId = prompt.repositoryIds[prompt.repositoryIndex] ?? null;
+  const selectedRepositoryName =
+    selectedRepositoryId === null
+      ? '(none)'
+      : (resolveRepositoryName(selectedRepositoryId) ?? '(missing)');
+  const taskBody = [
+    `${prompt.fieldIndex === 0 ? '>' : ' '} title: ${prompt.title}${prompt.fieldIndex === 0 ? '_' : ''}`,
+    `${prompt.fieldIndex === 1 ? '>' : ' '} repository: ${selectedRepositoryName}`,
+    `${prompt.fieldIndex === 2 ? '>' : ' '} description: ${prompt.description}${
+      prompt.fieldIndex === 2 ? '_' : ''
+    }`,
+    '',
+    'tab next field',
+    'left/right change repository',
+  ];
+  if (prompt.error !== null && prompt.error.length > 0) {
+    taskBody.push(`error: ${prompt.error}`);
+  }
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: prompt.mode === 'create' ? 'New Task' : 'Edit Task',
+    bodyLines: taskBody,
+    footer: 'enter save  esc',
+    theme,
+  });
+}
+
+export function buildRepositoryModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  prompt: RepositoryPromptOverlayState | null,
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (prompt === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 15,
+    minWidth: 28,
+    maxWidth: 56,
+  });
+  const promptValue = prompt.value.length > 0 ? prompt.value : 'https://github.com/org/repo';
+  const bodyLines = [`github url: ${promptValue}_`];
+  if (prompt.error !== null && prompt.error.length > 0) {
+    bodyLines.push(`error: ${prompt.error}`);
+  } else if (prompt.mode === 'add') {
+    bodyLines.push('add a repository and link matching projects');
+  } else {
+    bodyLines.push('update repository github url');
+  }
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: prompt.mode === 'add' ? 'Add Repository' : 'Edit Repository',
+    bodyLines,
+    footer: 'enter save  esc',
+    theme,
+  });
+}
+
+export function buildConversationTitleModalOverlay(
+  layoutCols: number,
+  viewportRows: number,
+  edit: ConversationTitleOverlayState | null,
+  theme: UiModalThemeInput,
+): ReturnType<typeof buildUiModalOverlay> | null {
+  if (edit === null) {
+    return null;
+  }
+  const modalSize = resolveGoldenModalSize(layoutCols, viewportRows, {
+    preferredHeight: 18,
+    minWidth: 26,
+    maxWidth: 44,
+  });
+  const editState = edit.persistInFlight
+    ? 'saving'
+    : edit.value === edit.lastSavedValue
+      ? 'saved'
+      : 'pending';
+  const editBody = [
+    `title: ${edit.value}_`,
+    `state: ${editState}`,
+    '',
+    CONVERSATION_EDIT_ARCHIVE_BUTTON_LABEL,
+  ];
+  if (edit.error !== null && edit.error.length > 0) {
+    editBody.push(`error: ${edit.error}`);
+  }
+  return buildUiModalOverlay({
+    viewportCols: layoutCols,
+    viewportRows,
+    width: modalSize.width,
+    height: modalSize.height,
+    anchor: 'center',
+    marginRows: 1,
+    title: 'Edit Thread Title',
+    bodyLines: editBody,
+    footer: 'type to save  enter done',
+    theme,
+  });
+}

package/src/mux/live-mux/modal-pointer.ts

@@ -0,0 +1,70 @@
+import { parseMuxInputChunk } from '../dual-pane-core.ts';
+import { type buildUiModalOverlay } from '../../ui/kit.ts';
+import { isMotionMouseCode, isWheelMouseCode } from './selection.ts';
+
+interface DismissModalOnOutsideClickOptions {
+  input: Buffer;
+  inputRemainder: string;
+  dismiss: () => void;
+  buildCurrentModalOverlay: () => ReturnType<typeof buildUiModalOverlay> | null;
+  onInsidePointerPress?: (col: number, row: number) => boolean;
+  isOverlayHit: (
+    overlay: ReturnType<typeof buildUiModalOverlay>,
+    col: number,
+    row: number,
+  ) => boolean;
+}
+
+interface DismissModalOnOutsideClickResult {
+  handled: boolean;
+  inputRemainder: string;
+}
+
+export function dismissModalOnOutsideClick(
+  options: DismissModalOnOutsideClickOptions,
+): DismissModalOnOutsideClickResult {
+  const { input, dismiss, buildCurrentModalOverlay, onInsidePointerPress, isOverlayHit } = options;
+  if (!input.includes(0x1b)) {
+    return {
+      handled: false,
+      inputRemainder: options.inputRemainder,
+    };
+  }
+  const parsed = parseMuxInputChunk(options.inputRemainder, input);
+  const modalOverlay = buildCurrentModalOverlay();
+  if (modalOverlay === null) {
+    return {
+      handled: true,
+      inputRemainder: parsed.remainder,
+    };
+  }
+  for (const token of parsed.tokens) {
+    if (token.kind !== 'mouse') {
+      continue;
+    }
+    const pointerPress =
+      token.event.final === 'M' &&
+      !isWheelMouseCode(token.event.code) &&
+      !isMotionMouseCode(token.event.code);
+    if (!pointerPress) {
+      continue;
+    }
+    if (!isOverlayHit(modalOverlay, token.event.col, token.event.row)) {
+      dismiss();
+      return {
+        handled: true,
+        inputRemainder: parsed.remainder,
+      };
+    }
+    if (onInsidePointerPress?.(token.event.col, token.event.row) === true) {
+      return {
+        handled: true,
+        inputRemainder: parsed.remainder,
+      };
+    }
+  }
+  return {
+    handled: true,
+    inputRemainder: parsed.remainder,
+  };
+}

package/src/mux/live-mux/modal-prompt-handlers.ts

@@ -0,0 +1,187 @@
+import { reduceLinePromptInput } from './modal-input-reducers.ts';
+
+interface AddDirectoryPromptState {
+  value: string;
+  error: string | null;
+}
+
+interface RepositoryPromptState {
+  readonly mode: 'add' | 'edit';
+  readonly repositoryId: string | null;
+  readonly value: string;
+  readonly error: string | null;
+}
+
+interface HandleAddDirectoryPromptInputOptions {
+  input: Buffer;
+  prompt: AddDirectoryPromptState | null;
+  isQuitShortcut: (input: Buffer) => boolean;
+  dismissOnOutsideClick: (input: Buffer, dismiss: () => void) => boolean;
+  setPrompt: (next: AddDirectoryPromptState | null) => void;
+  markDirty: () => void;
+  queueControlPlaneOp: (task: () => Promise<void>, label: string) => void;
+  addDirectoryByPath: (path: string) => Promise<void>;
+}
+
+interface HandleRepositoryPromptInputOptions {
+  input: Buffer;
+  prompt: RepositoryPromptState | null;
+  isQuitShortcut: (input: Buffer) => boolean;
+  dismissOnOutsideClick: (input: Buffer, dismiss: () => void) => boolean;
+  setPrompt: (next: RepositoryPromptState | null) => void;
+  markDirty: () => void;
+  repositoriesHas: (repositoryId: string) => boolean;
+  normalizeGitHubRemoteUrl: (remoteUrl: string) => string | null;
+  queueControlPlaneOp: (task: () => Promise<void>, label: string) => void;
+  upsertRepositoryByRemoteUrl: (remoteUrl: string, existingRepositoryId?: string) => Promise<void>;
+}
+
+export function handleAddDirectoryPromptInput(
+  options: HandleAddDirectoryPromptInputOptions,
+): boolean {
+  const {
+    input,
+    prompt,
+    isQuitShortcut,
+    dismissOnOutsideClick,
+    setPrompt,
+    markDirty,
+    queueControlPlaneOp,
+    addDirectoryByPath,
+  } = options;
+  if (prompt === null) {
+    return false;
+  }
+  if (input.length === 1 && input[0] === 0x03) {
+    return false;
+  }
+  if (isQuitShortcut(input)) {
+    setPrompt(null);
+    markDirty();
+    return true;
+  }
+  if (
+    dismissOnOutsideClick(input, () => {
+      setPrompt(null);
+      markDirty();
+    })
+  ) {
+    return true;
+  }
+
+  const reduced = reduceLinePromptInput(prompt.value, input);
+  const value = reduced.value;
+  const submit = reduced.submit;
+
+  if (!submit) {
+    setPrompt({
+      value,
+      error: null,
+    });
+    markDirty();
+    return true;
+  }
+
+  const trimmed = value.trim();
+  if (trimmed.length === 0) {
+    setPrompt({
+      value,
+      error: 'path required',
+    });
+    markDirty();
+    return true;
+  }
+  setPrompt(null);
+  queueControlPlaneOp(async () => {
+    await addDirectoryByPath(trimmed);
+  }, 'prompt-add-directory');
+  markDirty();
+  return true;
+}
+
+export function handleRepositoryPromptInput(options: HandleRepositoryPromptInputOptions): boolean {
+  const {
+    input,
+    prompt,
+    isQuitShortcut,
+    dismissOnOutsideClick,
+    setPrompt,
+    markDirty,
+    repositoriesHas,
+    normalizeGitHubRemoteUrl,
+    queueControlPlaneOp,
+    upsertRepositoryByRemoteUrl,
+  } = options;
+  if (prompt === null) {
+    return false;
+  }
+  if (input.length === 1 && input[0] === 0x03) {
+    return false;
+  }
+  if (isQuitShortcut(input)) {
+    setPrompt(null);
+    markDirty();
+    return true;
+  }
+  if (
+    dismissOnOutsideClick(input, () => {
+      setPrompt(null);
+      markDirty();
+    })
+  ) {
+    return true;
+  }
+
+  const reduced = reduceLinePromptInput(prompt.value, input);
+  const value = reduced.value;
+  const submit = reduced.submit;
+
+  if (!submit) {
+    setPrompt({
+      ...prompt,
+      value,
+      error: null,
+    });
+    markDirty();
+    return true;
+  }
+
+  const trimmed = value.trim();
+  if (trimmed.length === 0) {
+    setPrompt({
+      ...prompt,
+      value,
+      error: 'github url required',
+    });
+    markDirty();
+    return true;
+  }
+  if (normalizeGitHubRemoteUrl(trimmed) === null) {
+    setPrompt({
+      ...prompt,
+      value,
+      error: 'github url required',
+    });
+    markDirty();
+    return true;
+  }
+
+  const mode = prompt.mode;
+  const repositoryId = prompt.repositoryId;
+  setPrompt(null);
+  if (mode === 'edit' && (repositoryId === null || !repositoriesHas(repositoryId))) {
+    markDirty();
+    return true;
+  }
+  queueControlPlaneOp(
+    async () => {
+      await upsertRepositoryByRemoteUrl(
+        trimmed,
+        mode === 'edit' ? (repositoryId ?? undefined) : undefined,
+      );
+    },
+    mode === 'edit' ? 'prompt-edit-repository' : 'prompt-add-repository',
+  );
+  markDirty();
+  return true;
+}