libretto 0.6.10 → 0.6.12

package/dist/cli/commands/experiments.js

@@ -0,0 +1,100 @@
+import { z } from "zod";
+import { librettoCommand } from "../../shared/package-manager.js";
+import {
+  EXPERIMENTS,
+  isExperimentName,
+  resolveExperiments,
+  setExperimentEnabled
+} from "../core/experiments.js";
+import { SimpleCLI } from "../framework/simple-cli.js";
+const experimentNames = Object.keys(EXPERIMENTS);
+const experimentsUsage = [
+  "Usage:",
+  `  ${librettoCommand("experiments")}`,
+  `  ${librettoCommand("experiments describe <experiment>")}`,
+  `  ${librettoCommand("experiments enable <experiment>")}`,
+  `  ${librettoCommand("experiments disable <experiment>")}`
+].join("\n");
+const experimentsInput = SimpleCLI.input({
+  positionals: [
+    SimpleCLI.positional("action", z.string().optional(), {
+      help: "Action to apply"
+    }),
+    SimpleCLI.positional("experiment", z.string().optional(), {
+      help: "Experiment name"
+    })
+  ],
+  named: {}
+});
+function formatAvailableExperiments() {
+  return [
+    "Available experiments:",
+    ...experimentNames.map((name) => `  ${name}`)
+  ].join("\n");
+}
+function experimentUsageError(message) {
+  return new Error(
+    [message, "", experimentsUsage, "", formatAvailableExperiments()].join(
+      "\n"
+    )
+  );
+}
+function printExperiments(experiments) {
+  console.log("Libretto experiments:");
+  for (const name of experimentNames) {
+    const metadata = EXPERIMENTS[name];
+    console.log(
+      `- ${name}: ${experiments[name] ? "enabled" : "disabled"} \u2014 ${metadata.title}`
+    );
+    console.log(`  ${metadata.oneSentenceDescription}`);
+  }
+}
+function printExperimentDescription(name, experiments) {
+  const metadata = EXPERIMENTS[name];
+  console.log(`${metadata.title} (${name})`);
+  console.log(`Status: ${experiments[name] ? "enabled" : "disabled"}`);
+  console.log("");
+  if (experiments[name]) {
+    console.log(
+      "Since this experiment is enabled, Libretto\u2019s expected usage deviates from the skill. Use these instructions where they differ:"
+    );
+    console.log("");
+  }
+  console.log(metadata.docs ?? metadata.oneSentenceDescription);
+}
+const experimentsCommand = SimpleCLI.command({
+  description: "List or update Libretto experiment flags"
+}).input(experimentsInput).handle(async ({ input }) => {
+  if (!input.action) {
+    printExperiments(resolveExperiments());
+    return;
+  }
+  if (input.action !== "describe" && input.action !== "enable" && input.action !== "disable") {
+    throw experimentUsageError(`Unknown experiments action "${input.action}".`);
+  }
+  if (!input.experiment) {
+    throw experimentUsageError(
+      `Missing experiment name for ${input.action}.`
+    );
+  }
+  if (!isExperimentName(input.experiment)) {
+    throw experimentUsageError(`Unknown experiment "${input.experiment}".`);
+  }
+  if (input.action === "describe") {
+    printExperimentDescription(input.experiment, resolveExperiments());
+    return;
+  }
+  const experiments = setExperimentEnabled(
+    input.experiment,
+    input.action === "enable"
+  );
+  console.log(`Experiment "${input.experiment}" ${input.action}d.`);
+  if (input.action === "enable") {
+    console.log("");
+    printExperimentDescription(input.experiment, experiments);
+  }
+});
+export {
+  experimentsCommand,
+  experimentsInput
+};

package/dist/cli/commands/setup.js

@@ -1,10 +1,5 @@
 import { createInterface } from "node:readline";
-import {
-  cpSync,
-  existsSync,
-  readdirSync,
-  rmSync
-} from "node:fs";
+import { cpSync, existsSync, readdirSync, rmSync } from "node:fs";
 import { spawnSync } from "node:child_process";
 import { basename, dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -18,6 +13,11 @@ import {
   DEFAULT_SNAPSHOT_MODELS,
   resolveAiSetupStatus
 } from "../core/ai-model.js";
+import {
+  detectProjectPackageManager,
+  installCommand,
+  librettoCommand
+} from "../../shared/package-manager.js";
 import { SimpleCLI } from "../framework/simple-cli.js";
 const PROVIDER_SDK_PACKAGES = {
   openai: "@ai-sdk/openai",
@@ -26,24 +26,6 @@ const PROVIDER_SDK_PACKAGES = {
   vertex: "@ai-sdk/google-vertex",
   openrouter: "@ai-sdk/openai"
 };
-function detectPackageManager() {
-  if (existsSync(join(REPO_ROOT, "pnpm-lock.yaml"))) return "pnpm";
-  if (existsSync(join(REPO_ROOT, "yarn.lock"))) return "yarn";
-  if (existsSync(join(REPO_ROOT, "bun.lockb"))) return "bun";
-  return "npm";
-}
-function installCommand(pkgManager) {
-  switch (pkgManager) {
-    case "yarn":
-      return "yarn add";
-    case "bun":
-      return "bun add";
-    case "pnpm":
-      return "pnpm add";
-    default:
-      return "npm install";
-  }
-}
 function isSdkInstalled(sdkPackage) {
   try {
     const result = spawnSync("node", ["-e", `require.resolve("${sdkPackage}")`], {
@@ -58,7 +40,7 @@ function isSdkInstalled(sdkPackage) {
 function installSdkIfNeeded(provider) {
   const sdkPackage = PROVIDER_SDK_PACKAGES[provider];
   if (isSdkInstalled(sdkPackage)) return;
-  const pkgManager = detectPackageManager();
+  const pkgManager = detectProjectPackageManager();
   const cmd = installCommand(pkgManager);
   console.log(`
 Installing ${sdkPackage}...`);
@@ -144,7 +126,7 @@ function printHealthySummary(status) {
     console.log(`\u2713 Using ${providerLabel(status.provider)} (${status.model}).`);
   }
   console.log(
-    "To change: npx libretto ai configure openai | anthropic | gemini | vertex | openrouter"
+    `To change: ${librettoCommand("ai configure openai | anthropic | gemini | vertex | openrouter")}`
   );
 }
 function printInvalidAiConfigWarning(status) {
@@ -189,13 +171,15 @@ function printSnapshotApiStatus() {
     console.log();
     console.log(formatMissingCredentialsMessage(plan));
     console.log(
-      `  To fix: add ${plan.envVar} to .env, or run \`npx libretto setup\` interactively to repair.`
+      `  To fix: add ${plan.envVar} to .env, or run \`${librettoCommand("setup")}\` interactively to repair.`
     );
     return false;
   }
   if (plan.kind === "repair-invalid-config") {
     printInvalidAiConfigWarning(status);
-    console.log("  Run `npx libretto setup` interactively to reconfigure.");
+    console.log(
+      `  Run \`${librettoCommand("setup")}\` interactively to reconfigure.`
+    );
     return false;
   }
   console.log();
@@ -208,10 +192,10 @@ function printSnapshotApiStatus() {
     "    GOOGLE_CLOUD_PROJECT=...  # plus application default credentials for Vertex"
   );
   console.log(
-    "  Or run `npx libretto ai configure openai | anthropic | gemini | vertex | openrouter` to set a specific model."
+    `  Or run \`${librettoCommand("ai configure openai | anthropic | gemini | vertex | openrouter")}\` to set a specific model.`
   );
   console.log(
-    "  Run `npx libretto setup` interactively to set up credentials."
+    `  Run \`${librettoCommand("setup")}\` interactively to set up credentials.`
   );
   return false;
 }
@@ -246,14 +230,15 @@ Add ${selected.envVar} to your .env file:`);
 }
 function printSkipMessage() {
   console.log(
-    "\nSkipped. You can set up API credentials later by rerunning `npx libretto setup`."
+    `
+Skipped. You can set up API credentials later by rerunning \`${librettoCommand("setup")}\`.`
   );
   console.log("Or add credentials directly to your .env file:");
   console.log("  OPENAI_API_KEY=...");
   console.log("  ANTHROPIC_API_KEY=...");
   console.log("  GEMINI_API_KEY=...");
   console.log(
-    "  Or run `npx libretto ai configure openai | anthropic | gemini | vertex | openrouter` to set a specific model."
+    `  Or run \`${librettoCommand("ai configure openai | anthropic | gemini | vertex | openrouter")}\` to set a specific model.`
   );
 }
 async function runInteractiveApiSetup() {
@@ -341,7 +326,7 @@ function copySkills() {
       "\n\u26A0\uFE0F No .agents/ or .claude/ directory found. Libretto skills were not installed."
     );
     console.log(
-      "  Create one of these directories in your repo root and rerun `npx libretto setup` to install skills:"
+      `  Create one of these directories in your repo root and rerun \`${librettoCommand("setup")}\` to install skills:`
     );
     console.log(`    mkdir ${join(REPO_ROOT, ".claude")}`);
     return;
@@ -395,7 +380,8 @@ const setupCommand = SimpleCLI.command({
     const ready = printSnapshotApiStatus();
     if (!ready) {
       console.log(
-        "\nIf you're an agent, request the user to run `npx libretto setup`."
+        `
+If you're an agent, request the user to run \`${librettoCommand("setup")}\`.`
       );
     }
   }

package/dist/cli/commands/shared.js

@@ -1,4 +1,5 @@
 import { z } from "zod";
+import { resolveExperiments } from "../core/experiments.js";
 import { createLoggerForSession } from "../core/context.js";
 import {
   generateSessionName,
@@ -17,6 +18,14 @@ function pageOption(help = "Target a specific page id") {
 function integerOption(help) {
   return SimpleCLI.option(z.coerce.number().int().optional(), { help });
 }
+function withExperiments() {
+  return async ({
+    ctx
+  }) => ({
+    ...ctx,
+    experiments: resolveExperiments()
+  });
+}
 function withRequiredSession() {
   return async ({ input, ctx }) => {
     if (!input.session) {
@@ -47,5 +56,6 @@ export {
   pageOption,
   sessionOption,
   withAutoSession,
+  withExperiments,
   withRequiredSession
 };

package/dist/cli/commands/snapshot.js

@@ -3,11 +3,18 @@ import { z } from "zod";
 import { condenseDom } from "../../shared/condense-dom/condense-dom.js";
 import { readSessionState } from "../core/session.js";
 import { SimpleCLI } from "../framework/simple-cli.js";
-import { pageOption, sessionOption, withRequiredSession } from "./shared.js";
+import {
+  pageOption,
+  sessionOption,
+  withExperiments,
+  withRequiredSession
+} from "./shared.js";
 import { runApiInterpret } from "../core/api-snapshot-analyzer.js";
 import { readSnapshotModel } from "../core/config.js";
 import { resolveSnapshotApiModelOrThrow } from "../core/ai-model.js";
-import { DaemonClient } from "../core/daemon/index.js";
+import { DaemonClient } from "../core/daemon/ipc.js";
+import { librettoCommand } from "../../shared/package-manager.js";
+import { renderSnapshot } from "../../shared/snapshot/render-snapshot.js";
 const FALLBACK_SNAPSHOT_VIEWPORT = { width: 1280, height: 800 };
 function isZeroViewport(value) {
   return typeof value === "number" && value <= 0;
@@ -65,8 +72,17 @@ async function forceSnapshotViewport(page, viewport, logger, session, pageId, re
 }
 async function captureSnapshot(session, logger, daemonSocketPath, pageId) {
   logger.info("snapshot-via-daemon", { session, pageId });
-  const client = new DaemonClient(daemonSocketPath);
-  const { pngPath, htmlPath, snapshotRunId, pageUrl, title } = await client.snapshot({ pageId });
+  const client = await DaemonClient.connect(daemonSocketPath);
+  let snapshotResult;
+  try {
+    snapshotResult = await client.snapshot({ pageId });
+  } finally {
+    client.destroy();
+  }
+  if (!("htmlPath" in snapshotResult)) {
+    throw new Error("Daemon returned a compact snapshot for a legacy request.");
+  }
+  const { pngPath, htmlPath, snapshotRunId, pageUrl, title } = snapshotResult;
   const htmlContent = readFileSync(htmlPath, "utf8");
   const condenseResult = condenseDom(htmlContent);
   const condensedHtmlPath = htmlPath.replace(/\.html$/, ".condensed.html");
@@ -88,6 +104,12 @@ async function captureSnapshot(session, logger, daemonSocketPath, pageId) {
   return { pngPath, htmlPath, condensedHtmlPath, baseName: snapshotRunId };
 }
 async function runSnapshot(session, logger, pageId, objective, context) {
+  if (objective === void 0) {
+    throw new Error("Missing required option --objective.");
+  }
+  if (context === void 0) {
+    throw new Error("Missing required option --context.");
+  }
   const normalizedObjective = objective.trim();
   const normalizedContext = context.trim();
   const snapshotModel = readSnapshotModel();
@@ -95,7 +117,7 @@ async function runSnapshot(session, logger, pageId, objective, context) {
   const state = readSessionState(session, logger);
   if (!state?.daemonSocketPath) {
     throw new Error(
-      `Session "${session}" has no daemon socket. The browser daemon may have crashed. Close and reopen the session: libretto close --session ${session}`
+      `Session "${session}" has no daemon socket. The browser daemon may have crashed. Close and reopen the session: ${librettoCommand(`close --session ${session}`)}`
     );
   }
   const { pngPath, htmlPath, condensedHtmlPath } = await captureSnapshot(session, logger, state.daemonSocketPath, pageId);
@@ -113,18 +135,68 @@ async function runSnapshot(session, logger, pageId, objective, context) {
   };
   await runApiInterpret(interpretArgs, logger, snapshotModel);
 }
+async function runCompactSnapshot(args) {
+  if (!args.daemonSocketPath) {
+    throw new Error(
+      `Session "${args.session}" has no daemon socket. The browser daemon may have crashed. Close and reopen the session: ${librettoCommand(`close --session ${args.session}`)}`
+    );
+  }
+  args.logger.info("compact-snapshot-via-daemon", {
+    session: args.session,
+    pageId: args.pageId,
+    ref: args.ref
+  });
+  const client = await DaemonClient.connect(args.daemonSocketPath);
+  let result;
+  try {
+    result = await client.snapshot({
+      mode: "compact",
+      pageId: args.pageId,
+      useCachedSnapshot: args.ref !== void 0
+    });
+  } finally {
+    client.destroy();
+  }
+  if (!("mode" in result) || result.mode !== "compact") {
+    throw new Error("Daemon returned a legacy snapshot for a compact request.");
+  }
+  console.log(`Screenshot at ${result.pngPath}`);
+  console.log(renderSnapshot(result.snapshot, args.ref));
+  console.log(
+    `Hint: Use ${librettoCommand(`snapshot <ref> --session ${args.session}`)} to inspect a subtree.`
+  );
+}
 const snapshotInput = SimpleCLI.input({
-  positionals: [],
+  positionals: [
+    SimpleCLI.positional("ref", z.string().optional(), {
+      help: "Optional element ref to scope output to that subtree (for example, l16 or e16)"
+    })
+  ],
   named: {
     session: sessionOption(),
     page: pageOption(),
-    objective: SimpleCLI.option(z.string()),
-    context: SimpleCLI.option(z.string())
+    objective: SimpleCLI.option(z.string().optional()),
+    context: SimpleCLI.option(z.string().optional())
   }
 });
 const snapshotCommand = SimpleCLI.command({
   description: "Capture PNG + HTML and analyze with --objective and --context"
-}).input(snapshotInput).use(withRequiredSession()).handle(async ({ input, ctx }) => {
+}).input(snapshotInput).use(withRequiredSession()).use(withExperiments()).handle(async ({ input, ctx }) => {
+  if (ctx.experiments["compact-snapshot-format"]) {
+    await runCompactSnapshot({
+      session: ctx.session,
+      daemonSocketPath: ctx.sessionState.daemonSocketPath,
+      logger: ctx.logger,
+      pageId: input.page,
+      ref: input.ref
+    });
+    return;
+  }
+  if (input.ref) {
+    throw new Error(
+      `Snapshot refs require the compact-snapshot-format experiment. Enable it with ${librettoCommand("experiments enable compact-snapshot-format")}.`
+    );
+  }
   await runSnapshot(
     ctx.session,
     ctx.logger,

package/dist/cli/commands/status.js

@@ -1,5 +1,6 @@
 import { LIBRETTO_CONFIG_PATH } from "../core/context.js";
 import { resolveAiSetupStatus } from "../core/ai-model.js";
+import { librettoCommand } from "../../shared/package-manager.js";
 import { listRunningSessions } from "../core/session.js";
 import { SimpleCLI } from "../framework/simple-cli.js";
 function printAiStatus(status) {
@@ -13,26 +14,26 @@ function printAiStatus(status) {
         console.log(`  Source: ${status.source}`);
       }
       console.log(
-        "  To change: npx libretto ai configure openai | anthropic | gemini | vertex | openrouter"
+        `  To change: ${librettoCommand("ai configure openai | anthropic | gemini | vertex | openrouter")}`
       );
       break;
     case "configured-missing-credentials":
       console.log(
         `  \u2717 ${status.provider} is configured (model: ${status.model}), but credentials are missing.`
       );
-      console.log("  Run `npx libretto setup` to repair.");
+      console.log(`  Run \`${librettoCommand("setup")}\` to repair.`);
       break;
     case "invalid-config":
       console.log("  \u2717 Config is invalid:");
       for (const line of status.message.split("\n")) {
         console.log(`    ${line}`);
       }
-      console.log("  Run `npx libretto setup` to reconfigure.");
+      console.log(`  Run \`${librettoCommand("setup")}\` to reconfigure.`);
       break;
     case "unconfigured":
       console.log("  \u2717 No AI model configured.");
       console.log(
-        "  Run `npx libretto setup` or `npx libretto ai configure` to set up."
+        `  Run \`${librettoCommand("setup")}\` or \`${librettoCommand("ai configure")}\` to set up.`
       );
       break;
   }

package/dist/cli/core/ai-model.js

@@ -1,5 +1,6 @@
 import { readSnapshotModel } from "./config.js";
 import { LIBRETTO_CONFIG_PATH } from "./context.js";
+import { librettoCommand } from "../../shared/package-manager.js";
 import {
   hasProviderCredentials,
   parseModel
@@ -52,7 +53,9 @@ function providerSetupSentence(provider) {
   }
 }
 function defaultModelCommandLine() {
-  return "npx libretto ai configure openai | anthropic | gemini | vertex | openrouter";
+  return librettoCommand(
+    "ai configure openai | anthropic | gemini | vertex | openrouter"
+  );
 }
 function providerMissingCredentialSummary(provider) {
   switch (provider) {
@@ -72,7 +75,7 @@ function noSnapshotApiConfiguredMessage() {
   return [
     "Failed to analyze snapshot because no snapshot analyzer is configured.",
     `Add OPENAI_API_KEY, ANTHROPIC_API_KEY, GEMINI_API_KEY or GOOGLE_GENERATIVE_AI_API_KEY, GOOGLE_CLOUD_PROJECT, or OPENROUTER_API_KEY to .env or as a shell environment variable, or choose a default model with \`${defaultModelCommandLine()}\`.`,
-    "For more info, run `npx libretto setup`."
+    `For more info, run \`${librettoCommand("setup")}\`.`
   ].join(" ");
 }
 function missingProviderSnapshotMessage(selection) {
@@ -80,7 +83,7 @@ function missingProviderSnapshotMessage(selection) {
   return [
     `Failed to analyze snapshot because ${selection.provider} is configured${configuredSource}, but ${providerMissingCredentialSummary(selection.provider)}.`,
     providerSetupSentence(selection.provider),
-    "For more info, run `npx libretto setup`."
+    `For more info, run \`${librettoCommand("setup")}\`.`
   ].join(" ");
 }
 function inferAutoSnapshotModel() {