@duckmind/dm-darwin-arm64 0.33.0 → 0.33.2

package/extensions/dm-phone/public/app/bindings.js

@@ -1,178 +0,0 @@
-import { addAttachments, clearAttachments, removeAttachment, renderAttachmentStrip, syncAttachmentsWithPrompt } from "./attachments.js";
-import { renderCommandSuggestions } from "./autocomplete-controller.js";
-import { applyAutocompleteItem, submitPrompt } from "./commands.js";
-import { el, state } from "./state.js";
-import { handleSheetButtonAction, sheetButtonActionKey } from "./sheet-actions.js";
-import { closeSheet, openSheet } from "./sheet-navigation.js";
-import { renderSheet } from "./sheets-view.js";
-import { connectSocket, refreshAll, sendRpc } from "./transport.js";
-import {
-  autoResizeTextarea,
-  closeTokenModal,
-  isNearBottom,
-  scheduleComposerLayoutSync,
-  scrollMessagesToBottom,
-  setFollowLatest,
-  showToast,
-  storeToken,
-} from "./ui.js";
-import { insertCdCommand } from "./autocomplete.js";
-
-export function initializeBindings({ handleEnvelope, handleAuthFailure }) {
-  el.promptInput.addEventListener("input", () => {
-    syncAttachmentsWithPrompt();
-    autoResizeTextarea();
-    renderCommandSuggestions();
-  });
-
-  el.promptInput.addEventListener("click", () => {
-    renderCommandSuggestions();
-  });
-
-  el.promptInput.addEventListener("keyup", (event) => {
-    if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
-      renderCommandSuggestions();
-    }
-  });
-
-  autoResizeTextarea();
-  renderCommandSuggestions();
-  renderAttachmentStrip();
-  scheduleComposerLayoutSync();
-
-  if ("ResizeObserver" in window && el.composerWrap) {
-    const composerResizeObserver = new ResizeObserver(() => scheduleComposerLayoutSync());
-    composerResizeObserver.observe(el.composerWrap);
-  }
-
-  window.addEventListener("resize", scheduleComposerLayoutSync, { passive: true });
-  window.visualViewport?.addEventListener("resize", scheduleComposerLayoutSync, { passive: true });
-
-  const noteUserScrollIntent = () => {
-    state.lastUserScrollIntentAt = Date.now();
-  };
-
-  const syncFollowLatestOnScroll = () => {
-    const now = Date.now();
-    const fromUser = now - state.lastUserScrollIntentAt < 400;
-    if (!fromUser && now < state.ignoreScrollTrackingUntil) return;
-    setFollowLatest(isNearBottom());
-  };
-
-  window.addEventListener("wheel", noteUserScrollIntent, { passive: true });
-  window.addEventListener("touchmove", noteUserScrollIntent, { passive: true });
-  window.addEventListener("scroll", syncFollowLatestOnScroll, { passive: true });
-
-  el.refreshButton.addEventListener("click", refreshAll);
-  el.abortButton.addEventListener("click", () => sendRpc({ type: "abort" }));
-  el.stopButton?.addEventListener("click", () => sendRpc({ type: "abort" }));
-  el.jumpToLatestButton?.addEventListener("click", () => {
-    setFollowLatest(true);
-    scrollMessagesToBottom({ force: true, behavior: "smooth" });
-  });
-  el.actionsButton.addEventListener("click", () => openSheet("actions"));
-  el.insertCommandButton.addEventListener("click", () => openSheet("commands"));
-  el.cdCommandButton?.addEventListener("click", () => {
-    insertCdCommand();
-    renderCommandSuggestions();
-  });
-  el.sessionSidebarButton.addEventListener("click", () => openSheet("active-sessions"));
-  el.treeBrowserButton.addEventListener("click", () => openSheet("tree"));
-  el.steerButton.addEventListener("click", () => submitPrompt({ steer: true }));
-  el.sendButton.addEventListener("click", () => submitPrompt());
-  el.sheetCloseButton.addEventListener("click", closeSheet);
-  el.sheetSavedSessionsButton?.addEventListener("click", () => openSheet("sessions"));
-  el.attachImageButton.addEventListener("click", () => el.imageInput.click());
-  el.imageInput.addEventListener("change", (event) => {
-    addAttachments(event.target.files);
-    renderCommandSuggestions();
-    el.imageInput.value = "";
-  });
-
-  el.attachmentStrip.addEventListener("click", (event) => {
-    const button = event.target.closest("[data-remove-attachment]");
-    if (!button) return;
-    removeAttachment(button.getAttribute("data-remove-attachment"));
-    renderCommandSuggestions();
-  });
-
-  el.commandStrip.addEventListener("click", (event) => {
-    const button = event.target.closest("[data-autocomplete-index]");
-    if (!button) return;
-
-    const index = Number(button.getAttribute("data-autocomplete-index"));
-    if (!Number.isFinite(index) || index < 0) return;
-    applyAutocompleteItem(state.autocompleteItems[index]);
-  });
-
-  el.sheetContent.addEventListener("change", (event) => {
-    if (!(event.target instanceof HTMLSelectElement)) return;
-    if (!event.target.hasAttribute("data-command-category-select")) return;
-    state.commandSheetCategory = event.target.value;
-    renderSheet();
-  });
-
-  el.sheetContent.addEventListener("pointerdown", (event) => {
-    const button = event.target.closest("button");
-    if (!button) return;
-
-    const sheetAction = button.getAttribute("data-sheet-action") || "";
-    const shouldHandleEarly = button.hasAttribute("data-active-session-id") || ["new-parent-session", "new-parallel-session"].includes(sheetAction);
-    if (!shouldHandleEarly) return;
-
-    event.preventDefault();
-    const actionKey = sheetButtonActionKey(button);
-    state.lastSheetPointerAction = actionKey;
-    state.lastSheetPointerActionAt = Date.now();
-    handleSheetButtonAction(button);
-  });
-
-  el.sheetContent.addEventListener("click", (event) => {
-    const button = event.target.closest("button");
-    if (!button) return;
-
-    const actionKey = sheetButtonActionKey(button);
-    if (state.lastSheetPointerAction === actionKey && Date.now() - state.lastSheetPointerActionAt < 800) {
-      state.lastSheetPointerAction = "";
-      state.lastSheetPointerActionAt = 0;
-      return;
-    }
-
-    handleSheetButtonAction(button);
-  });
-
-  el.tokenSaveButton.addEventListener("click", () => {
-    const nextToken = el.tokenInput.value.trim();
-    if (!nextToken) {
-      showToast("Enter the current /phone-start token.", "error");
-      el.tokenInput.focus();
-      return;
-    }
-
-    state.token = nextToken;
-    storeToken(state.token);
-    closeTokenModal();
-    connectSocket({ handleEnvelope, handleAuthFailure });
-  });
-
-  el.tokenInput.addEventListener("keydown", (event) => {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      el.tokenSaveButton.click();
-    }
-  });
-
-  document.addEventListener("toggle", (event) => {
-    const details = event.target;
-    if (!(details instanceof HTMLDetailsElement)) return;
-    const itemId = details.getAttribute("data-tool-panel");
-    if (!itemId) return;
-    state.toolPanelOpen.set(itemId, details.open);
-  }, true);
-
-  window.addEventListener("beforeunload", () => {
-    state.manuallyClosed = true;
-    if (state.socket) state.socket.close();
-    clearAttachments();
-  });
-}

package/extensions/dm-phone/public/app/command-catalog.js

@@ -1,76 +0,0 @@
-import { COMMAND_CATEGORY_ORDER, LOCAL_COMMAND_DEFINITIONS } from "./constants.js";
-import { state } from "./state.js";
-
-function compareCommandNames(left, right) {
-  return String(left?.name || "").localeCompare(String(right?.name || ""));
-}
-
-export function sortCommandCategories(categories = []) {
-  return [...categories].sort((left, right) => {
-    const leftIndex = COMMAND_CATEGORY_ORDER.indexOf(left);
-    const rightIndex = COMMAND_CATEGORY_ORDER.indexOf(right);
-    const normalizedLeftIndex = leftIndex === -1 ? Number.MAX_SAFE_INTEGER : leftIndex;
-    const normalizedRightIndex = rightIndex === -1 ? Number.MAX_SAFE_INTEGER : rightIndex;
-
-    if (normalizedLeftIndex !== normalizedRightIndex) return normalizedLeftIndex - normalizedRightIndex;
-    return String(left || "").localeCompare(String(right || ""));
-  });
-}
-
-export function localCommandCatalog() {
-  return LOCAL_COMMAND_DEFINITIONS.map((command) => ({
-    name: command.name,
-    description: command.description,
-    source: "local",
-    insertOnly: Boolean(command.insertOnly),
-  }));
-}
-
-export function visibleCommandCatalog() {
-  const localCommands = localCommandCatalog();
-  const localNames = new Set(localCommands.map((command) => command.name));
-  return [
-    ...localCommands,
-    ...state.commands.filter((command) => !localNames.has(command.name)),
-  ];
-}
-
-export function findLocalCommandDefinition(name) {
-  return LOCAL_COMMAND_DEFINITIONS.find((command) => command.name === name) || null;
-}
-
-export function groupedCommands() {
-  const groups = new Map();
-  const merged = visibleCommandCatalog();
-
-  for (const command of merged) {
-    const key = command.source || "command";
-    if (!groups.has(key)) groups.set(key, []);
-    groups.get(key).push(command);
-  }
-
-  for (const commands of groups.values()) {
-    commands.sort(compareCommandNames);
-  }
-
-  return new Map(sortCommandCategories([...groups.keys()]).map((category) => [category, groups.get(category) || []]));
-}
-
-export function commandCategoryLabel(category = "") {
-  if (!category) return "Commands";
-  return category.charAt(0).toUpperCase() + category.slice(1);
-}
-
-export function selectedCommandCategory(categories = []) {
-  if (!categories.length) {
-    state.commandSheetCategory = "";
-    return "";
-  }
-
-  if (categories.includes(state.commandSheetCategory)) {
-    return state.commandSheetCategory;
-  }
-
-  state.commandSheetCategory = categories[0];
-  return state.commandSheetCategory;
-}

package/extensions/dm-phone/public/app/commands.js

@@ -1,376 +0,0 @@
-import { buildPromptPayload, clearAttachments, syncAttachmentsWithPrompt } from "./attachments.js";
-import { insertCdCommand, replacePromptRange } from "./autocomplete.js";
-import { renderCommandSuggestions } from "./autocomplete-controller.js";
-import { LOCAL_COMMAND_NAMES, THINKING_LEVELS } from "./constants.js";
-import { findLocalCommandDefinition } from "./command-catalog.js";
-import { el, state } from "./state.js";
-import { openSheet } from "./sheet-navigation.js";
-import { refreshAll, requestReload, sendLocalCommand, sendRpc } from "./transport.js";
-import { autoResizeTextarea, renderHeader, setFollowLatest, showToast } from "./ui.js";
-import { clearSnapshotView, renderMessages } from "./messages.js";
-
-function parseLocalCommandInput(text) {
-  const match = String(text || "").match(/^\/(\S+)(?:\s+([\s\S]*))?$/);
-  if (!match) return null;
-  return {
-    name: match[1] || "",
-    args: match[2] || "",
-  };
-}
-
-function parseSlashCommandText(text) {
-  const value = String(text || "").trim();
-  if (!value.startsWith("/")) return null;
-
-  const body = value.slice(1).trim();
-  if (!body) return null;
-
-  const spaceIndex = body.indexOf(" ");
-  const name = spaceIndex === -1 ? body : body.slice(0, spaceIndex);
-
-  return {
-    text: `/${body}`,
-    name,
-  };
-}
-
-function findRemoteSlashCommand(text) {
-  const parsed = parseSlashCommandText(text);
-  if (!parsed) return null;
-
-  const match = state.commands.find((command) => command.name === parsed.name);
-  if (!match) return null;
-
-  return {
-    ...parsed,
-    source: match.source || "extension",
-  };
-}
-
-function sendRemoteSlashCommand(command, { images = [], steer = false } = {}) {
-  if (command.source === "extension" && images.length > 0) {
-    showToast("Extension slash commands do not support image attachments.", "error");
-    return "blocked";
-  }
-
-  const streaming = Boolean(state.status?.isStreaming || state.snapshotState?.isStreaming);
-  const sent = sendLocalCommand({
-    type: "slash-command",
-    text: command.text,
-    ...(images.length ? { images } : {}),
-    ...(command.source !== "extension"
-      ? steer
-        ? { streamingBehavior: "steer" }
-        : streaming
-          ? { streamingBehavior: "followUp" }
-          : {}
-      : {}),
-  });
-
-  return sent ? "handled" : false;
-}
-
-const INLINE_IMAGE_TOKEN_PATTERN = /⟦img\d+⟧|\{img\d*\}/g;
-
-function buildInlineDisplayContent(text, images = []) {
-  const value = String(text || "");
-  if (!images.length) return value;
-
-  INLINE_IMAGE_TOKEN_PATTERN.lastIndex = 0;
-  const matches = [...value.matchAll(INLINE_IMAGE_TOKEN_PATTERN)];
-  if (!matches.length) return value;
-
-  const content = [];
-  let lastIndex = 0;
-  let imageIndex = 0;
-
-  for (const match of matches) {
-    const token = match[0] || "";
-    const index = match.index ?? -1;
-    if (index < 0) continue;
-
-    const before = value.slice(lastIndex, index);
-    if (before) {
-      content.push({ type: "text", text: before });
-    }
-
-    const image = images[imageIndex];
-    if (image?.type === "image" && image.data && image.mimeType) {
-      content.push({
-        type: "image",
-        data: image.data,
-        mimeType: image.mimeType,
-      });
-      imageIndex += 1;
-    } else {
-      content.push({ type: "text", text: token });
-    }
-
-    lastIndex = index + token.length;
-  }
-
-  const after = value.slice(lastIndex);
-  if (after) {
-    content.push({ type: "text", text: after });
-  }
-
-  while (imageIndex < images.length) {
-    const image = images[imageIndex];
-    if (image?.type === "image" && image.data && image.mimeType) {
-      content.push({
-        type: "image",
-        data: image.data,
-        mimeType: image.mimeType,
-      });
-    }
-    imageIndex += 1;
-  }
-
-  return content;
-}
-
-export function insertSlashCommand(commandName) {
-  el.promptInput.value = `/${commandName} `;
-  autoResizeTextarea();
-  renderCommandSuggestions();
-  el.promptInput.focus();
-}
-
-export function tryHandleLocalCommand(text, { hasAttachments = false } = {}) {
-  if (!text.startsWith("/")) return false;
-  const parsed = parseLocalCommandInput(text);
-  if (!parsed?.name) return false;
-  const { name, args } = parsed;
-
-  if (hasAttachments && LOCAL_COMMAND_NAMES.has(name)) {
-    showToast("Local phone commands do not support image attachments.", "error");
-    return "blocked";
-  }
-
-  if (name === "new") {
-    sendRpc({ type: "new_session" });
-    return "handled";
-  }
-  if (name === "compact") {
-    sendRpc({ type: "compact" });
-    return "handled";
-  }
-  if (name === "reload") {
-    return requestReload() ? "handled" : "blocked";
-  }
-  if (name === "refresh") {
-    refreshAll();
-    return "handled";
-  }
-  if (name === "stats" || name === "cost") {
-    openSheet("actions");
-    sendRpc({ type: "get_session_stats" });
-    return "handled";
-  }
-  if (name === "commands") {
-    openSheet("commands");
-    return "handled";
-  }
-  if (name === "sessions") {
-    openSheet("sessions");
-    return "handled";
-  }
-  if (name === "tree") {
-    openSheet("tree");
-    return "handled";
-  }
-  if (name === "cd") {
-    return sendLocalCommand({ type: "cd", args }) ? "handled" : "blocked";
-  }
-  if (name === "thinking") {
-    if (args && THINKING_LEVELS.includes(args)) {
-      sendRpc({ type: "set_thinking_level", level: args });
-    } else {
-      openSheet("thinking");
-    }
-    return "handled";
-  }
-  if (name === "model") {
-    if (args) {
-      const normalizedArgs = args.trim().toLowerCase();
-      const [provider, modelId] = normalizedArgs.includes("/") ? normalizedArgs.split("/", 2) : [null, normalizedArgs];
-      const match = state.models.find((model) => {
-        const optionProvider = String(model.provider || "").toLowerCase();
-        const optionId = String(model.id || "").toLowerCase();
-        const optionName = String(model.name || "").toLowerCase();
-        return provider ? optionProvider === provider && optionId === modelId : optionId === modelId || optionName === normalizedArgs;
-      });
-      if (match) {
-        sendRpc({ type: "set_model", provider: match.provider, modelId: match.id });
-      } else {
-        openSheet("models");
-        sendRpc({ type: "get_available_models" });
-        showToast("Model not found locally. Pick one from the sheet.", "error");
-      }
-    } else {
-      openSheet("models");
-      sendRpc({ type: "get_available_models" });
-    }
-    return "handled";
-  }
-  return false;
-}
-
-export function applyAutocompleteItem(item) {
-  const context = state.autocompleteContext;
-  if (!item) return;
-
-  if (item.kind === "local-command-run") {
-    const result = tryHandleLocalCommand(`/${item.name}`, { hasAttachments: state.attachments.length > 0 });
-    if (result === "handled") {
-      el.promptInput.value = "";
-      autoResizeTextarea();
-      renderCommandSuggestions();
-    }
-    return;
-  }
-
-  if (item.kind === "local-command-insert" || item.kind === "remote-command-insert") {
-    insertSlashCommand(item.name);
-    return;
-  }
-
-  if (!context || context.type !== "path") return;
-
-  if (context.mode === "mention") {
-    const suffix = item.isDirectory ? "" : " ";
-    replacePromptRange(context.replaceStart, context.replaceEnd, `@${item.value}${suffix}`);
-    renderCommandSuggestions();
-    return;
-  }
-
-  const suffix = item.isDirectory ? "" : " ";
-  replacePromptRange(context.replaceStart, context.replaceEnd, `${item.value}${suffix}`);
-  renderCommandSuggestions();
-}
-
-export async function submitPrompt({ steer = false } = {}) {
-  syncAttachmentsWithPrompt();
-
-  const rawPrompt = el.promptInput.value;
-  const commandText = rawPrompt.trim();
-  if (!commandText && state.attachments.length === 0) return;
-
-  const localCommandResult = !steer && commandText
-    ? tryHandleLocalCommand(commandText, { hasAttachments: state.attachments.length > 0 })
-    : false;
-
-  if (localCommandResult) {
-    if (localCommandResult === "handled") {
-      el.promptInput.value = "";
-      autoResizeTextarea();
-      renderCommandSuggestions();
-    }
-    return;
-  }
-
-  let promptPayload = { message: rawPrompt, images: [] };
-  try {
-    promptPayload = await buildPromptPayload(rawPrompt);
-  } catch (error) {
-    showToast(error instanceof Error ? error.message : "Failed to read images", "error");
-    return;
-  }
-
-  const message = promptPayload.message.trim();
-  const images = promptPayload.images;
-  const remoteSlashCommand = message ? findRemoteSlashCommand(message) : null;
-  if (remoteSlashCommand) {
-    const remoteCommandResult = sendRemoteSlashCommand(remoteSlashCommand, { images, steer });
-    if (remoteCommandResult) {
-      if (remoteCommandResult === "handled") {
-        el.promptInput.value = "";
-        autoResizeTextarea();
-        renderCommandSuggestions();
-        clearAttachments();
-      }
-      return;
-    }
-  }
-
-  const streaming = Boolean(state.status?.isStreaming || state.snapshotState?.isStreaming);
-  sendRpc({
-    type: "prompt",
-    message,
-    ...(steer ? { streamingBehavior: "steer" } : streaming ? { streamingBehavior: "followUp" } : {}),
-    ...(images.length ? { images } : {}),
-  });
-
-  state.messages.push({
-    id: `local-user-${Date.now()}`,
-    kind: "user",
-    meta: "just now",
-    text: message || "(image prompt)",
-    rawContent: buildInlineDisplayContent(rawPrompt, images),
-    imageCount: images.length,
-  });
-  setFollowLatest(true);
-  renderMessages({ forceScroll: true });
-  el.promptInput.value = "";
-  autoResizeTextarea();
-  renderCommandSuggestions();
-  clearAttachments();
-}
-
-export function handleInsertOnlyLocalCommand(commandName) {
-  const definition = findLocalCommandDefinition(commandName);
-  if (!definition?.insertOnly) return false;
-
-  if (commandName === "cd") {
-    insertCdCommand();
-    renderCommandSuggestions();
-  } else {
-    insertSlashCommand(commandName);
-  }
-
-  return true;
-}
-
-export function prepareSessionSelection(sessionId) {
-  if (state.socket?.readyState !== WebSocket.OPEN) {
-    showToast("Not connected to DM.", "error");
-    return false;
-  }
-
-  clearSnapshotView();
-  setFollowLatest(true);
-  renderHeader();
-  renderMessages({ forceScroll: true });
-  state.socket.send(JSON.stringify({ kind: "session-select", sessionId }));
-  return true;
-}
-
-export function prepareParentSessionNew() {
-  if (state.socket?.readyState !== WebSocket.OPEN) {
-    showToast("Not connected to DM.", "error");
-    return false;
-  }
-
-  clearSnapshotView();
-  setFollowLatest(true);
-  renderHeader();
-  renderMessages({ forceScroll: true });
-  showToast("Starting new parent session…");
-  state.socket.send(JSON.stringify({ kind: "session-parent-new" }));
-  return true;
-}
-
-export function prepareSessionSpawn() {
-  if (state.socket?.readyState !== WebSocket.OPEN) {
-    showToast("Not connected to DM.", "error");
-    return false;
-  }
-
-  clearSnapshotView();
-  setFollowLatest(true);
-  renderHeader();
-  renderMessages({ forceScroll: true });
-  showToast("Opening new parallel session…");
-  state.socket.send(JSON.stringify({ kind: "session-spawn" }));
-  return true;
-}

package/extensions/dm-phone/public/app/constants.js

@@ -1,60 +0,0 @@
-export const THINKING_LEVELS = ["off", "minimal", "low", "medium", "high", "xhigh"];
-
-export const LOCAL_COMMAND_DEFINITIONS = [
-  { name: "new", description: "Start a new session" },
-  { name: "compact", description: "Compact the current session" },
-  { name: "reload", description: "Reload extensions, skills, prompts, and themes" },
-  { name: "stats", description: "Show session stats" },
-  { name: "cost", description: "Show session cost stats" },
-  { name: "model", description: "Open model picker" },
-  { name: "thinking", description: "Open thinking level picker" },
-  { name: "commands", description: "Browse commands, skills, and prompts" },
-  { name: "sessions", description: "Browse saved sessions" },
-  { name: "tree", description: "Browse the current session tree" },
-  { name: "cd", description: "Change DM working directory", insertOnly: true },
-  { name: "refresh", description: "Refresh snapshot" },
-];
-
-export const LOCAL_COMMAND_NAMES = new Set(LOCAL_COMMAND_DEFINITIONS.map((command) => command.name));
-export const COMMAND_CATEGORY_ORDER = ["local", "extension", "prompt", "skill"];
-export const AUTOCOMPLETE_DELIMITERS = new Set([" ", "\t", "\n", '"', "'", "="]);
-export const TOKEN_STORAGE_KEY = "dm-phone-token";
-
-export const THEME_CSS_VARIABLES = {
-  mdCode: "--md-code",
-  mdCodeBlock: "--md-code-block",
-  mdCodeBlockBorder: "--md-code-block-border",
-};
-
-export const TOOL_LANGUAGE_LABELS = {
-  c: "C",
-  cc: "C++",
-  cpp: "C++",
-  css: "CSS",
-  go: "Go",
-  h: "Header",
-  hpp: "C++",
-  html: "HTML",
-  java: "Java",
-  js: "JS",
-  jsx: "JSX",
-  json: "JSON",
-  kt: "Kotlin",
-  md: "Markdown",
-  mjs: "JS",
-  php: "PHP",
-  py: "Python",
-  rb: "Ruby",
-  rs: "Rust",
-  scss: "SCSS",
-  sh: "Shell",
-  sql: "SQL",
-  swift: "Swift",
-  toml: "TOML",
-  ts: "TypeScript",
-  tsx: "TSX",
-  txt: "Text",
-  yaml: "YAML",
-  yml: "YAML",
-  zsh: "Shell",
-};