@visulima/task-runner 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/packem_shared/createInputHandler-DTfePcTG.js

@@ -0,0 +1,37 @@
+const INPUT_PREFIX_REGEX = /^(\S+?):(.+)/s;
+const createInputHandler = (commands, options = {}) => {
+  const { defaultTarget = 0, inputStream = process.stdin, pauseOnFinish = true } = options;
+  const byIndex = /* @__PURE__ */ new Map();
+  const byName = /* @__PURE__ */ new Map();
+  for (const cmd of commands) {
+    byIndex.set(cmd.index, cmd);
+    if (cmd.name) {
+      byName.set(cmd.name, cmd);
+    }
+  }
+  const onData = (data) => {
+    const input = data.toString();
+    const match = INPUT_PREFIX_REGEX.exec(input);
+    if (match) {
+      const [, target, rest] = match;
+      const targetCmd = byName.get(target) ?? byIndex.get(Number(target));
+      if (targetCmd) {
+        targetCmd.stdin.write(rest);
+        return;
+      }
+    }
+    const defaultCmd = byIndex.get(defaultTarget);
+    if (defaultCmd) {
+      defaultCmd.stdin.write(input);
+    }
+  };
+  inputStream.on("data", onData);
+  return () => {
+    inputStream.removeListener("data", onData);
+    if (pauseOnFinish && typeof inputStream.pause === "function") {
+      inputStream.pause();
+    }
+  };
+};
+
+export { createInputHandler };

package/dist/packem_shared/{defaultTaskRunner-CrW4v5Ye.js → defaultTaskRunner-X1MIynHu.js}

@@ -1,10 +1,9 @@
-import { Cache } from './Cache-IYpTYVUC.js';
+import { Cache } from './Cache-C23LywYn.js';
 import { inferFrameworkEnvPatterns } from './detectFrameworks-CeFzKE6J.js';
-import { EmptyLifeCycle } from './CompositeLifeCycle-7AtYw1dv.js';
-import { RemoteCache } from './RemoteCache-BDqrnDEi.js';
-import { InProcessTaskHasher } from './computeTaskHash-BoCnnvIJ.js';
-import { TaskOrchestrator } from './TaskOrchestrator-BvYs3ONw.js';
-import { TaskScheduler } from './TaskScheduler-CJilHDta.js';
+import { RemoteCache } from './RemoteCache-BFceSe4a.js';
+import { InProcessTaskHasher } from './computeTaskHash-B2SVZqgp.js';
+import { TaskOrchestrator } from './TaskOrchestrator-lLn-PH1m.js';
+import { TaskScheduler } from './parsePartition-C4-P5RjK.js';
 
 const resolveParallel = (parallel) => {
   if (typeof parallel === "number") {
@@ -16,7 +15,7 @@ const resolveParallel = (parallel) => {
   return 3;
 };
 const defaultTaskRunner = async (_tasks, options, context) => {
-  const { lifeCycle = new EmptyLifeCycle(), projectGraph, taskExecutor, taskGraph, workspaceRoot } = context;
+  const { lifeCycle, projectGraph, taskExecutor, taskGraph, workspaceRoot } = context;
   const cache = new Cache({
     cacheDirectory: options.cacheDirectory,
     maxCacheAge: options.maxCacheAge,

package/dist/packem_shared/detectScriptShell-CR-xXKA4.js

@@ -0,0 +1,53 @@
+import { createRequire as __cjs_createRequire } from "node:module";
+
+const __cjs_require = __cjs_createRequire(import.meta.url);
+
+const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
+
+const __cjs_getBuiltinModule = (module) => {
+    // Check if we're in Node.js and version supports getBuiltinModule
+    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
+        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
+        // Node.js 20.16.0+ and 22.3.0+
+        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
+            return __cjs_getProcess.getBuiltinModule(module);
+        }
+    }
+    // Fallback to createRequire
+    return __cjs_require(module);
+};
+
+const {
+  execFileSync
+} = __cjs_getBuiltinModule("node:child_process");
+
+let cachedShellPath;
+const detectScriptShell = () => {
+  if (cachedShellPath !== void 0) {
+    return cachedShellPath ?? void 0;
+  }
+  const envShell = process.env["npm_config_script_shell"];
+  if (envShell) {
+    cachedShellPath = envShell;
+    return envShell;
+  }
+  try {
+    const result = execFileSync("npm", ["config", "get", "script-shell"], {
+      encoding: "utf8",
+      stdio: ["ignore", "pipe", "ignore"],
+      timeout: 5e3
+    }).trim();
+    if (result && result !== "undefined" && result !== "") {
+      cachedShellPath = result;
+      return result;
+    }
+  } catch {
+  }
+  cachedShellPath = null;
+  return void 0;
+};
+const resetShellCache = () => {
+  cachedShellPath = void 0;
+};
+
+export { detectScriptShell, resetShellCache };

package/dist/packem_shared/enforceProjectConstraints-_Ej0zHch.js

@@ -0,0 +1,90 @@
+const enforceProjectConstraints = (projectGraph, constraints) => {
+  const violations = [];
+  const { dependencyKindRules, tagRelationships, typeBoundaries } = constraints;
+  const hasTagRules = tagRelationships && Object.keys(tagRelationships).length > 0;
+  const hasTypeBoundaries = typeBoundaries !== void 0;
+  const hasKindRules = dependencyKindRules !== void 0;
+  if (!hasTagRules && !hasTypeBoundaries && !hasKindRules) {
+    return violations;
+  }
+  const enforceAppBoundary = typeBoundaries?.enforceApplicationBoundary !== false;
+  const allowedDepTypes = typeBoundaries?.allowedDependencyTypes;
+  for (const [projectName, dependencies] of Object.entries(projectGraph.dependencies)) {
+    const sourceNode = projectGraph.nodes[projectName];
+    if (!sourceNode) {
+      continue;
+    }
+    const sourceTags = sourceNode.data.tags ?? [];
+    const sourceType = sourceNode.type;
+    for (const dep of dependencies) {
+      const depNode = projectGraph.nodes[dep.target];
+      if (!depNode) {
+        continue;
+      }
+      const depTags = depNode.data.tags ?? [];
+      const depType = depNode.type;
+      let appBoundaryViolated = false;
+      if (hasTypeBoundaries && enforceAppBoundary && depType === "application") {
+        appBoundaryViolated = true;
+        violations.push({
+          dependencyProject: dep.target,
+          message: `Project "${projectName}" depends on "${dep.target}", which is an application. Applications should not be depended upon by other projects.`,
+          rule: "type-boundary",
+          sourceProject: projectName
+        });
+      }
+      if (allowedDepTypes && !appBoundaryViolated) {
+        const allowed = allowedDepTypes[sourceType];
+        if (allowed && !allowed.includes(depType)) {
+          violations.push({
+            dependencyProject: dep.target,
+            message: `Project "${projectName}" (type: ${sourceType}) depends on "${dep.target}" (type: ${depType}). Allowed dependency types for "${sourceType}" are: ${allowed.join(", ")}.`,
+            rule: "type-boundary",
+            sourceProject: projectName
+          });
+        }
+      }
+      if (hasTagRules && tagRelationships) {
+        for (const sourceTag of sourceTags) {
+          const requiredTags = tagRelationships[sourceTag];
+          if (!requiredTags || requiredTags.length === 0) {
+            continue;
+          }
+          const hasRequiredTag = depTags.some((tag) => requiredTags.includes(tag));
+          if (!hasRequiredTag) {
+            violations.push({
+              dependencyProject: dep.target,
+              message: `Project "${projectName}" (tag: ${sourceTag}) depends on "${dep.target}", which doesn't have any of the required tags: ${requiredTags.join(", ")}. ${depTags.length > 0 ? `"${dep.target}" has tags: ${depTags.join(", ")}.` : `"${dep.target}" has no tags.`}`,
+              rule: "tag-relationship",
+              sourceProject: projectName
+            });
+          }
+        }
+      }
+      if (hasKindRules && dependencyKindRules) {
+        if (dependencyKindRules.noProductionDependencyOnApplication && dep.type === "static" && depType === "application") {
+          violations.push({
+            dependencyProject: dep.target,
+            message: `Project "${projectName}" has a production dependency on "${dep.target}", which is an application. Production dependencies on applications are not allowed. Use devDependencies instead if needed for testing.`,
+            rule: "dependency-kind",
+            sourceProject: projectName
+          });
+        }
+        if (dependencyKindRules.noDevDependencyOnProductionDep && dep.type === "devDependency" && sourceType === "library") {
+          const hasProductionDep = dependencies.some((other) => other.target === dep.target && other.type === "static");
+          if (hasProductionDep) {
+            violations.push({
+              dependencyProject: dep.target,
+              message: `Project "${projectName}" has "${dep.target}" in both dependencies and devDependencies. This is redundant — remove it from devDependencies.`,
+              rule: "dependency-kind",
+              sourceProject: projectName
+            });
+          }
+        }
+      }
+    }
+  }
+  return violations;
+};
+
+export { enforceProjectConstraints };

package/dist/packem_shared/expandArguments-0AwD2BIA.js

@@ -0,0 +1,26 @@
+const PLACEHOLDER_REGEX = /\\?\{([@*]|[1-9]\d*)\}/g;
+const shellQuote = (s) => `'${s.replaceAll("'", String.raw`'\''`)}'`;
+const expandArguments = (config, additionalArguments) => {
+  if (additionalArguments.length === 0) {
+    return config;
+  }
+  const command = config.command.replaceAll(PLACEHOLDER_REGEX, (match, target) => {
+    if (match.startsWith("\\")) {
+      return match.slice(1);
+    }
+    const index = Number(target);
+    if (!Number.isNaN(index) && index <= additionalArguments.length) {
+      return shellQuote(additionalArguments[index - 1]);
+    }
+    if (target === "@") {
+      return additionalArguments.map(shellQuote).join(" ");
+    }
+    if (target === "*") {
+      return shellQuote(additionalArguments.join(" "));
+    }
+    return "";
+  });
+  return { ...config, command };
+};
+
+export { expandArguments };

package/dist/packem_shared/expandShortcut-BVG05ee4.js

@@ -0,0 +1,23 @@
+const SHORTCUT_REGEX = /^(npm|yarn|pnpm|bun|node|deno):(\S+)(.*)/;
+const expandShortcut = (config) => {
+  const match = SHORTCUT_REGEX.exec(config.command);
+  if (!match) {
+    return config;
+  }
+  const [, prefix, script, args] = match;
+  let runPrefix;
+  if (prefix === "node") {
+    runPrefix = "node --run";
+  } else if (prefix === "deno") {
+    runPrefix = "deno task";
+  } else {
+    runPrefix = `${prefix} run`;
+  }
+  return {
+    ...config,
+    command: `${runPrefix} ${script}${args}`,
+    name: config.name ?? script
+  };
+};
+
+export { expandShortcut };

package/dist/packem_shared/expandWildcard-B0xN_knq.js

@@ -0,0 +1,107 @@
+import { createRequire as __cjs_createRequire } from "node:module";
+
+const __cjs_require = __cjs_createRequire(import.meta.url);
+
+const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
+
+const __cjs_getBuiltinModule = (module) => {
+    // Check if we're in Node.js and version supports getBuiltinModule
+    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
+        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
+        // Node.js 20.16.0+ and 22.3.0+
+        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
+            return __cjs_getProcess.getBuiltinModule(module);
+        }
+    }
+    // Fallback to createRequire
+    return __cjs_require(module);
+};
+
+const {
+  existsSync,
+  readFileSync
+} = __cjs_getBuiltinModule("node:fs");
+const {
+  join
+} = __cjs_getBuiltinModule("node:path");
+
+const RUN_COMMAND_REGEX = /(?:npm|yarn|pnpm|bun) run|node --run|deno task/;
+const readPackageScripts = (cwd) => {
+  try {
+    const raw = readFileSync(join(cwd, "package.json"), "utf8");
+    const pkg = JSON.parse(raw);
+    return pkg.scripts ?? {};
+  } catch {
+    return {};
+  }
+};
+const readDenoTasks = (cwd) => {
+  const tasks = {};
+  for (const filename of ["deno.json", "deno.jsonc"]) {
+    const filepath = join(cwd, filename);
+    if (existsSync(filepath)) {
+      try {
+        let raw = readFileSync(filepath, "utf8");
+        if (filename.endsWith("c")) {
+          raw = raw.replaceAll(/"(?:[^"\\]|\\.)*"|\/\/[^\n]*/g, (match) => match.startsWith('"') ? match : "");
+        }
+        const config = JSON.parse(raw);
+        if (config.tasks) {
+          Object.assign(tasks, config.tasks);
+        }
+      } catch {
+      }
+      break;
+    }
+  }
+  const pkgScripts = readPackageScripts(cwd);
+  return { ...pkgScripts, ...tasks };
+};
+const escapeRegExp = (s) => s.replaceAll(/[$()*+.?[\\\]^{|}]/g, String.raw`\$&`);
+const expandWildcard = (config) => {
+  const { command } = config;
+  const runMatch = RUN_COMMAND_REGEX.exec(command);
+  if (!runMatch) {
+    return config;
+  }
+  const afterRun = command.slice(runMatch.index + runMatch[0].length).trim();
+  const scriptPattern = afterRun.split(/\s/)[0] ?? "";
+  if (!scriptPattern.includes("*")) {
+    return config;
+  }
+  const cwd = config.cwd ?? process.cwd();
+  const isDeno = runMatch[0] === "deno task";
+  const scripts = isDeno ? readDenoTasks(cwd) : readPackageScripts(cwd);
+  const scriptNames = Object.keys(scripts);
+  const parts = scriptPattern.split("*");
+  const regexString = parts.map(escapeRegExp).join("(.+)");
+  const wildcardRegex = new RegExp(`^${regexString}$`);
+  const omitMatch = /!\(([^)]+)\)/.exec(scriptPattern);
+  let omitRegex;
+  if (omitMatch) {
+    omitRegex = new RegExp(omitMatch[1]);
+  }
+  const matching = scriptNames.filter((name) => {
+    if (!wildcardRegex.test(name)) {
+      return false;
+    }
+    if (omitRegex?.test(name)) {
+      return false;
+    }
+    return true;
+  });
+  if (matching.length === 0) {
+    return config;
+  }
+  const remainingArgs = afterRun.slice(scriptPattern.length);
+  const runPrefix = command.slice(0, runMatch.index + runMatch[0].length);
+  return matching.map((scriptName) => {
+    return {
+      ...config,
+      command: `${runPrefix} ${scriptName}${remainingArgs}`,
+      name: config.name ?? scriptName
+    };
+  });
+};
+
+export { expandWildcard };

package/dist/packem_shared/{findCycle-DF4_BRdO.js → findCycle-DefgNYhg.js}

@@ -8,7 +8,7 @@ const findCycle = (taskGraph) => {
     }
     const stack = [taskId];
     while (stack.length > 0) {
-      const current = stack[stack.length - 1];
+      const current = stack.at(-1);
       if (!visited.has(current)) {
         visited.add(current);
         inStack.add(current);

package/dist/packem_shared/formatTimingTable-3qtCM552.js

@@ -0,0 +1,46 @@
+const formatDuration = (ms) => {
+  if (ms < 1e3) {
+    return `${Math.round(ms)}ms`;
+  }
+  if (ms < 6e4) {
+    return `${(ms / 1e3).toFixed(1)}s`;
+  }
+  const minutes = Math.floor(ms / 6e4);
+  const seconds = (ms % 6e4 / 1e3).toFixed(1);
+  return `${minutes}m ${seconds}s`;
+};
+const formatTimingTable = (closeEvents) => {
+  if (closeEvents.length === 0) {
+    return "";
+  }
+  const sorted = closeEvents.toSorted((a, b) => b.durationMs - a.durationMs);
+  const nameWidth = Math.max(4, ...sorted.map((e) => (e.name ?? String(e.index)).length));
+  const durationWidth = Math.max(8, ...sorted.map((e) => formatDuration(e.durationMs).length));
+  const codeWidth = Math.max(4, ...sorted.map((e) => String(e.exitCode).length));
+  const header = ["name".padEnd(nameWidth), "duration".padEnd(durationWidth), "code".padEnd(codeWidth), "killed", "command"].join(" │ ");
+  const separator = ["─".repeat(nameWidth), "─".repeat(durationWidth), "─".repeat(codeWidth), "─".repeat(6), "─".repeat(20)].join(
+    "─┼─"
+  );
+  const rows = sorted.map((event) => {
+    const name = (event.name ?? String(event.index)).padEnd(nameWidth);
+    const duration = formatDuration(event.durationMs).padEnd(durationWidth);
+    const code = String(event.exitCode).padEnd(codeWidth);
+    const killed = (event.killed ? "yes" : "no").padEnd(6);
+    const command = event.command.length > 40 ? `${event.command.slice(0, 39)}…` : event.command;
+    return [name, duration, code, killed, command].join(" │ ");
+  });
+  return [header, separator, ...rows].join("\n");
+};
+const logTimings = (closeEvents, output = process.stdout) => {
+  if (closeEvents.length === 0) {
+    return;
+  }
+  const table = formatTimingTable(closeEvents);
+  output.write(
+    "\n── Timing Summary ───────────────────────────────────\n\n"
+  );
+  output.write(table);
+  output.write("\n\n");
+};
+
+export { formatTimingTable, logTimings };

package/dist/packem_shared/isNativeAvailable-BpD28A6Z.js

@@ -0,0 +1,44 @@
+import { createRequire as __cjs_createRequire } from "node:module";
+
+const __cjs_require = __cjs_createRequire(import.meta.url);
+
+const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
+
+const __cjs_getBuiltinModule = (module) => {
+    // Check if we're in Node.js and version supports getBuiltinModule
+    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
+        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
+        // Node.js 20.16.0+ and 22.3.0+
+        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
+            return __cjs_getProcess.getBuiltinModule(module);
+        }
+    }
+    // Fallback to createRequire
+    return __cjs_require(module);
+};
+
+const {
+  createRequire
+} = __cjs_getBuiltinModule("node:module");
+
+let nativeBindings;
+let loadAttempted = false;
+const esmRequire = createRequire(import.meta.url);
+const loadNativeBindings = () => {
+  if (loadAttempted) {
+    return nativeBindings;
+  }
+  loadAttempted = true;
+  try {
+    const loaded = esmRequire("../index.js");
+    if (typeof loaded.hashCommand === "function" && typeof loaded.hashFile === "function" && typeof loaded.runConcurrent === "function") {
+      nativeBindings = loaded;
+    }
+  } catch {
+    nativeBindings = void 0;
+  }
+  return nativeBindings;
+};
+const isNativeAvailable = () => loadNativeBindings() !== void 0;
+
+export { isNativeAvailable, loadNativeBindings };

package/dist/packem_shared/parseCommands-D-IgF8Zh.js

@@ -0,0 +1,26 @@
+import { expandArguments } from './expandArguments-0AwD2BIA.js';
+import { expandShortcut } from './expandShortcut-BVG05ee4.js';
+import { expandWildcard } from './expandWildcard-B0xN_knq.js';
+import { stripQuotes } from './stripQuotes-Cey-zwFf.js';
+
+const parseCommands = (inputs, options = {}) => {
+  const { additionalArguments = [] } = options;
+  let configs = inputs.map((input) => {
+    if (typeof input === "string") {
+      return { command: input };
+    }
+    return { ...input };
+  });
+  configs = configs.map(stripQuotes);
+  configs = configs.map(expandShortcut);
+  configs = configs.flatMap((config) => {
+    const result = expandWildcard(config);
+    return Array.isArray(result) ? result : [result];
+  });
+  if (additionalArguments.length > 0) {
+    configs = configs.map((config) => expandArguments(config, additionalArguments));
+  }
+  return configs;
+};
+
+export { expandArguments, expandShortcut, expandWildcard, parseCommands, stripQuotes };

package/dist/packem_shared/{TaskScheduler-CJilHDta.js → parsePartition-C4-P5RjK.js}

@@ -1,3 +1,22 @@
+const parsePartition = (value) => {
+  const raw = value ?? process.env.VIS_PARTITION;
+  if (!raw) {
+    return void 0;
+  }
+  const parts = raw.split("/");
+  if (parts.length !== 2) {
+    throw new Error(`Invalid partition format: "${raw}". Expected format: "index/total" (e.g., "1/4").`);
+  }
+  const index = Number(parts[0]);
+  const total = Number(parts[1]);
+  if (!Number.isInteger(index) || !Number.isInteger(total) || index < 1 || total < 1) {
+    throw new Error(`Invalid partition values: "${raw}". Both index and total must be positive integers.`);
+  }
+  if (index > total) {
+    throw new Error(`Invalid partition index: ${index} exceeds total ${total}.`);
+  }
+  return { index, total };
+};
 const calculateProjectDepths = (projectGraph) => {
   const depths = /* @__PURE__ */ new Map();
   const visited = /* @__PURE__ */ new Set();
@@ -31,6 +50,30 @@ class TaskScheduler {
   #totalTasks;
   #dependentCounts;
   #projectDepths;
+  /**
+   * Partitions a list of tasks for distributed CI execution.
+   * Tasks are sorted by ID for deterministic distribution, then split
+   * using ceiling division so partitions differ by at most one task.
+   * @param tasks The full list of tasks to partition
+   * @param partition The partition configuration (1-based index and total)
+   * @returns The subset of tasks assigned to this partition
+   */
+  static partitionTasks(tasks, partition) {
+    if (partition.total < 1) {
+      throw new Error(`Invalid partition total: ${partition.total}. Must be at least 1.`);
+    }
+    if (partition.index < 1 || partition.index > partition.total) {
+      throw new Error(`Invalid partition index: ${partition.index}. Must be between 1 and ${partition.total}.`);
+    }
+    if (tasks.length === 0) {
+      return [];
+    }
+    const sorted = [...tasks].toSorted((a, b) => a.id.localeCompare(b.id));
+    const size = Math.ceil(sorted.length / partition.total);
+    const start = size * (partition.index - 1);
+    const end = partition.index === partition.total ? sorted.length : size * partition.index;
+    return sorted.slice(start, end);
+  }
   constructor(taskGraph, projectGraph, maxParallel = 3) {
     this.#taskGraph = taskGraph;
     this.#maxParallel = maxParallel;
@@ -108,4 +151,4 @@ class TaskScheduler {
   }
 }
 
-export { TaskScheduler };
+export { TaskScheduler, parsePartition };

package/dist/packem_shared/{projectGraphToDot-VdTjHcVp.js → projectGraphToDot-C8uYeaPo.js}

@@ -153,7 +153,7 @@ const toGraphHtml = (taskGraph, options = {}) => {
     graphData.edges = graphData.edges.filter((e) => focused.has(e.source) && focused.has(e.target));
     graphData.roots = graphData.roots.filter((r) => focused.has(r));
   }
-  return String.raw(_a || (_a = __template(['<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="UTF-8">\n<title>Task Graph</title>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #eee; }\n  svg { width: 100vw; height: 100vh; }\n  .node rect { rx: 6; ry: 6; stroke: #555; stroke-width: 1.5; cursor: pointer; }\n  .node text { font-size: 11px; fill: #1a1a2e; font-weight: 600; pointer-events: none; }\n  .node:hover rect { stroke: #fff; stroke-width: 2; }\n  .edge { stroke: #444; stroke-width: 1.5; fill: none; marker-end: url(#arrow); }\n  .label { font-size: 10px; fill: #888; }\n  #info { position: fixed; top: 12px; right: 12px; background: #16213e; padding: 12px 16px; border-radius: 8px; font-size: 13px; }\n  #info b { color: #e94560; }\n</style>\n</head>\n<body>\n<div id="info">\n  <b>', "</b> tasks &middot; <b>", "</b> dependencies &middot; <b>", '</b> roots\n</div>\n<svg id="graph">\n  <defs>\n    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">\n      <path d="M 0 0 L 10 5 L 0 10 z" fill="#666"/>\n    </marker>\n  </defs>\n</svg>\n<script>\nconst data = ', ";\nconst svg = document.getElementById('graph');\nconst W = window.innerWidth, H = window.innerHeight;\nconst statusColors = {\n  success: '#2ecc71', 'local-cache': '#3498db', 'remote-cache': '#9b59b6',\n  failure: '#e74c3c', running: '#f39c12', skipped: '#95a5a6', pending: '#ecf0f1'\n};\nconst projectColors = {};\nconst palette = ['#e94560','#0f3460','#533483','#16c79a','#f39c12','#2ecc71','#3498db','#e67e22','#9b59b6','#1abc9c'];\nlet ci = 0;\ndata.nodes.forEach(n => {\n  if (!projectColors[n.project]) projectColors[n.project] = palette[ci++ % palette.length];\n});\n\n// Simple force-directed layout\nconst nodes = data.nodes.map((n, i) => ({\n  ...n, x: W/2 + (Math.random()-0.5)*400, y: H/2 + (Math.random()-0.5)*300, vx: 0, vy: 0\n}));\nconst nodeMap = new Map(nodes.map(n => [n.id, n]));\nconst edges = data.edges.map(e => ({ source: nodeMap.get(e.source), target: nodeMap.get(e.target) }));\n\nfunction simulate() {\n  for (let iter = 0; iter < 300; iter++) {\n    // Repulsion\n    for (let i = 0; i < nodes.length; i++) {\n      for (let j = i+1; j < nodes.length; j++) {\n        let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;\n        let d = Math.sqrt(dx*dx + dy*dy) || 1;\n        let f = 8000 / (d * d);\n        nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;\n        nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;\n      }\n    }\n    // Attraction (edges)\n    edges.forEach(e => {\n      if (!e.source || !e.target) return;\n      let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;\n      let d = Math.sqrt(dx*dx + dy*dy) || 1;\n      let f = (d - 150) * 0.01;\n      e.source.vx += dx/d * f; e.source.vy += dy/d * f;\n      e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;\n    });\n    // Gravity\n    nodes.forEach(n => {\n      n.vx += (W/2 - n.x) * 0.001;\n      n.vy += (H/2 - n.y) * 0.001;\n      n.x += n.vx * 0.3; n.y += n.vy * 0.3;\n      n.vx *= 0.8; n.vy *= 0.8;\n      n.x = Math.max(60, Math.min(W-60, n.x));\n      n.y = Math.max(30, Math.min(H-30, n.y));\n    });\n  }\n}\nsimulate();\n\n// Render\nedges.forEach(e => {\n  if (!e.source || !e.target) return;\n  const line = document.createElementNS('http://www.w3.org/2000/svg','line');\n  line.setAttribute('x1', e.source.x); line.setAttribute('y1', e.source.y);\n  line.setAttribute('x2', e.target.x); line.setAttribute('y2', e.target.y);\n  line.setAttribute('class','edge');\n  svg.appendChild(line);\n});\nnodes.forEach(n => {\n  const g = document.createElementNS('http://www.w3.org/2000/svg','g');\n  g.setAttribute('class','node');\n  g.setAttribute('transform','translate('+(n.x-50)+','+(n.y-14)+')');\n  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');\n  rect.setAttribute('width','100'); rect.setAttribute('height','28');\n  rect.setAttribute('fill', n.status ? (statusColors[n.status]||'#ecf0f1') : projectColors[n.project]);\n  g.appendChild(rect);\n  const text = document.createElementNS('http://www.w3.org/2000/svg','text');\n  text.setAttribute('x','50'); text.setAttribute('y','18'); text.setAttribute('text-anchor','middle');\n  text.textContent = n.id.length > 14 ? n.target : n.id;\n  g.appendChild(text);\n  g.addEventListener('click', () => {\n    const deps = data.edges.filter(e => e.source === n.id).map(e => e.target);\n    const rdeps = data.edges.filter(e => e.target === n.id).map(e => e.source);\n    alert(n.id + '\n\nDepends on: ' + (deps.join(', ')||'none') + '\nRequired by: ' + (rdeps.join(', ')||'none'));\n  });\n  svg.appendChild(g);\n});\n<\/script>\n</body>\n</html>"], ['<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="UTF-8">\n<title>Task Graph</title>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #eee; }\n  svg { width: 100vw; height: 100vh; }\n  .node rect { rx: 6; ry: 6; stroke: #555; stroke-width: 1.5; cursor: pointer; }\n  .node text { font-size: 11px; fill: #1a1a2e; font-weight: 600; pointer-events: none; }\n  .node:hover rect { stroke: #fff; stroke-width: 2; }\n  .edge { stroke: #444; stroke-width: 1.5; fill: none; marker-end: url(#arrow); }\n  .label { font-size: 10px; fill: #888; }\n  #info { position: fixed; top: 12px; right: 12px; background: #16213e; padding: 12px 16px; border-radius: 8px; font-size: 13px; }\n  #info b { color: #e94560; }\n</style>\n</head>\n<body>\n<div id="info">\n  <b>', "</b> tasks &middot; <b>", "</b> dependencies &middot; <b>", '</b> roots\n</div>\n<svg id="graph">\n  <defs>\n    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">\n      <path d="M 0 0 L 10 5 L 0 10 z" fill="#666"/>\n    </marker>\n  </defs>\n</svg>\n<script>\nconst data = ', ";\nconst svg = document.getElementById('graph');\nconst W = window.innerWidth, H = window.innerHeight;\nconst statusColors = {\n  success: '#2ecc71', 'local-cache': '#3498db', 'remote-cache': '#9b59b6',\n  failure: '#e74c3c', running: '#f39c12', skipped: '#95a5a6', pending: '#ecf0f1'\n};\nconst projectColors = {};\nconst palette = ['#e94560','#0f3460','#533483','#16c79a','#f39c12','#2ecc71','#3498db','#e67e22','#9b59b6','#1abc9c'];\nlet ci = 0;\ndata.nodes.forEach(n => {\n  if (!projectColors[n.project]) projectColors[n.project] = palette[ci++ % palette.length];\n});\n\n// Simple force-directed layout\nconst nodes = data.nodes.map((n, i) => ({\n  ...n, x: W/2 + (Math.random()-0.5)*400, y: H/2 + (Math.random()-0.5)*300, vx: 0, vy: 0\n}));\nconst nodeMap = new Map(nodes.map(n => [n.id, n]));\nconst edges = data.edges.map(e => ({ source: nodeMap.get(e.source), target: nodeMap.get(e.target) }));\n\nfunction simulate() {\n  for (let iter = 0; iter < 300; iter++) {\n    // Repulsion\n    for (let i = 0; i < nodes.length; i++) {\n      for (let j = i+1; j < nodes.length; j++) {\n        let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;\n        let d = Math.sqrt(dx*dx + dy*dy) || 1;\n        let f = 8000 / (d * d);\n        nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;\n        nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;\n      }\n    }\n    // Attraction (edges)\n    edges.forEach(e => {\n      if (!e.source || !e.target) return;\n      let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;\n      let d = Math.sqrt(dx*dx + dy*dy) || 1;\n      let f = (d - 150) * 0.01;\n      e.source.vx += dx/d * f; e.source.vy += dy/d * f;\n      e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;\n    });\n    // Gravity\n    nodes.forEach(n => {\n      n.vx += (W/2 - n.x) * 0.001;\n      n.vy += (H/2 - n.y) * 0.001;\n      n.x += n.vx * 0.3; n.y += n.vy * 0.3;\n      n.vx *= 0.8; n.vy *= 0.8;\n      n.x = Math.max(60, Math.min(W-60, n.x));\n      n.y = Math.max(30, Math.min(H-30, n.y));\n    });\n  }\n}\nsimulate();\n\n// Render\nedges.forEach(e => {\n  if (!e.source || !e.target) return;\n  const line = document.createElementNS('http://www.w3.org/2000/svg','line');\n  line.setAttribute('x1', e.source.x); line.setAttribute('y1', e.source.y);\n  line.setAttribute('x2', e.target.x); line.setAttribute('y2', e.target.y);\n  line.setAttribute('class','edge');\n  svg.appendChild(line);\n});\nnodes.forEach(n => {\n  const g = document.createElementNS('http://www.w3.org/2000/svg','g');\n  g.setAttribute('class','node');\n  g.setAttribute('transform','translate('+(n.x-50)+','+(n.y-14)+')');\n  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');\n  rect.setAttribute('width','100'); rect.setAttribute('height','28');\n  rect.setAttribute('fill', n.status ? (statusColors[n.status]||'#ecf0f1') : projectColors[n.project]);\n  g.appendChild(rect);\n  const text = document.createElementNS('http://www.w3.org/2000/svg','text');\n  text.setAttribute('x','50'); text.setAttribute('y','18'); text.setAttribute('text-anchor','middle');\n  text.textContent = n.id.length > 14 ? n.target : n.id;\n  g.appendChild(text);\n  g.addEventListener('click', () => {\n    const deps = data.edges.filter(e => e.source === n.id).map(e => e.target);\n    const rdeps = data.edges.filter(e => e.target === n.id).map(e => e.source);\n    alert(n.id + '\\n\\nDepends on: ' + (deps.join(', ')||'none') + '\\nRequired by: ' + (rdeps.join(', ')||'none'));\n  });\n  svg.appendChild(g);\n});\n<\/script>\n</body>\n</html>"])), graphData.nodes.length, graphData.edges.length, graphData.roots.length, JSON.stringify(graphData).replaceAll("</", String.raw`<\/`));
+  return String.raw(_a || (_a = __template(['<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="UTF-8">\n<title>Task Graph</title>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #eee; }\n  svg { width: 100vw; height: 100vh; }\n  .node rect { rx: 6; ry: 6; stroke: #555; stroke-width: 1.5; cursor: pointer; }\n  .node text { font-size: 11px; fill: #1a1a2e; font-weight: 600; pointer-events: none; }\n  .node:hover rect { stroke: #fff; stroke-width: 2; }\n  .edge { stroke: #444; stroke-width: 1.5; fill: none; marker-end: url(#arrow); }\n  .label { font-size: 10px; fill: #888; }\n  #info { position: fixed; top: 12px; right: 12px; background: #16213e; padding: 12px 16px; border-radius: 8px; font-size: 13px; }\n  #info b { color: #e94560; }\n</style>\n</head>\n<body>\n<div id="info">\n  <b>', "</b> tasks &middot; <b>", "</b> dependencies &middot; <b>", '</b> roots\n</div>\n<svg id="graph">\n  <defs>\n    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">\n      <path d="M 0 0 L 10 5 L 0 10 z" fill="#666"/>\n    </marker>\n  </defs>\n</svg>\n<script>\nconst data = ', ";\nconst svg = document.getElementById('graph');\nconst W = window.innerWidth, H = window.innerHeight;\nconst statusColors = {\n  success: '#2ecc71', 'local-cache': '#3498db', 'remote-cache': '#9b59b6',\n  failure: '#e74c3c', running: '#f39c12', skipped: '#95a5a6', pending: '#ecf0f1'\n};\nconst projectColors = {};\nconst palette = ['#e94560','#0f3460','#533483','#16c79a','#f39c12','#2ecc71','#3498db','#e67e22','#9b59b6','#1abc9c'];\nlet ci = 0;\ndata.nodes.forEach(n => {\n  if (!projectColors[n.project]) projectColors[n.project] = palette[ci++ % palette.length];\n});\n\n// Simple force-directed layout\nconst nodes = data.nodes.map((n, i) => ({\n  ...n, x: W/2 + (Math.random()-0.5)*400, y: H/2 + (Math.random()-0.5)*300, vx: 0, vy: 0\n}));\nconst nodeMap = new Map(nodes.map(n => [n.id, n]));\nconst edges = data.edges.map(e => ({ source: nodeMap.get(e.source), target: nodeMap.get(e.target) }));\n\nfunction simulate() {\n  for (let iter = 0; iter < 300; iter++) {\n    // Repulsion\n    for (let i = 0; i < nodes.length; i++) {\n      for (let j = i+1; j < nodes.length; j++) {\n        let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;\n        let d = Math.sqrt(dx*dx + dy*dy) || 1;\n        let f = 8000 / (d * d);\n        nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;\n        nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;\n      }\n    }\n    // Attraction (edges)\n    edges.forEach(e => {\n      if (!e.source || !e.target) {\n          return;\n      }\n      let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;\n      let d = Math.sqrt(dx*dx + dy*dy) || 1;\n      let f = (d - 150) * 0.01;\n      e.source.vx += dx/d * f; e.source.vy += dy/d * f;\n      e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;\n    });\n    // Gravity\n    nodes.forEach(n => {\n      n.vx += (W/2 - n.x) * 0.001;\n      n.vy += (H/2 - n.y) * 0.001;\n      n.x += n.vx * 0.3; n.y += n.vy * 0.3;\n      n.vx *= 0.8; n.vy *= 0.8;\n      n.x = Math.max(60, Math.min(W-60, n.x));\n      n.y = Math.max(30, Math.min(H-30, n.y));\n    });\n  }\n}\nsimulate();\n\n// Render\nedges.forEach(e => {\n  if (!e.source || !e.target) {\n      return;\n  }\n  const line = document.createElementNS('http://www.w3.org/2000/svg','line');\n  line.setAttribute('x1', e.source.x); line.setAttribute('y1', e.source.y);\n  line.setAttribute('x2', e.target.x); line.setAttribute('y2', e.target.y);\n  line.setAttribute('class','edge');\n  svg.appendChild(line);\n});\nnodes.forEach(n => {\n  const g = document.createElementNS('http://www.w3.org/2000/svg','g');\n  g.setAttribute('class','node');\n  g.setAttribute('transform','translate('+(n.x-50)+','+(n.y-14)+')');\n  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');\n  rect.setAttribute('width','100'); rect.setAttribute('height','28');\n  rect.setAttribute('fill', n.status ? (statusColors[n.status]||'#ecf0f1') : projectColors[n.project]);\n  g.appendChild(rect);\n  const text = document.createElementNS('http://www.w3.org/2000/svg','text');\n  text.setAttribute('x','50'); text.setAttribute('y','18'); text.setAttribute('text-anchor','middle');\n  text.textContent = n.id.length > 14 ? n.target : n.id;\n  g.appendChild(text);\n  g.addEventListener('click', () => {\n    const deps = data.edges.filter(e => e.source === n.id).map(e => e.target);\n    const rdeps = data.edges.filter(e => e.target === n.id).map(e => e.source);\n    alert(n.id + '\n\nDepends on: ' + (deps.join(', ')||'none') + '\nRequired by: ' + (rdeps.join(', ')||'none'));\n  });\n  svg.appendChild(g);\n});\n<\/script>\n</body>\n</html>"], ['<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="UTF-8">\n<title>Task Graph</title>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #eee; }\n  svg { width: 100vw; height: 100vh; }\n  .node rect { rx: 6; ry: 6; stroke: #555; stroke-width: 1.5; cursor: pointer; }\n  .node text { font-size: 11px; fill: #1a1a2e; font-weight: 600; pointer-events: none; }\n  .node:hover rect { stroke: #fff; stroke-width: 2; }\n  .edge { stroke: #444; stroke-width: 1.5; fill: none; marker-end: url(#arrow); }\n  .label { font-size: 10px; fill: #888; }\n  #info { position: fixed; top: 12px; right: 12px; background: #16213e; padding: 12px 16px; border-radius: 8px; font-size: 13px; }\n  #info b { color: #e94560; }\n</style>\n</head>\n<body>\n<div id="info">\n  <b>', "</b> tasks &middot; <b>", "</b> dependencies &middot; <b>", '</b> roots\n</div>\n<svg id="graph">\n  <defs>\n    <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">\n      <path d="M 0 0 L 10 5 L 0 10 z" fill="#666"/>\n    </marker>\n  </defs>\n</svg>\n<script>\nconst data = ', ";\nconst svg = document.getElementById('graph');\nconst W = window.innerWidth, H = window.innerHeight;\nconst statusColors = {\n  success: '#2ecc71', 'local-cache': '#3498db', 'remote-cache': '#9b59b6',\n  failure: '#e74c3c', running: '#f39c12', skipped: '#95a5a6', pending: '#ecf0f1'\n};\nconst projectColors = {};\nconst palette = ['#e94560','#0f3460','#533483','#16c79a','#f39c12','#2ecc71','#3498db','#e67e22','#9b59b6','#1abc9c'];\nlet ci = 0;\ndata.nodes.forEach(n => {\n  if (!projectColors[n.project]) projectColors[n.project] = palette[ci++ % palette.length];\n});\n\n// Simple force-directed layout\nconst nodes = data.nodes.map((n, i) => ({\n  ...n, x: W/2 + (Math.random()-0.5)*400, y: H/2 + (Math.random()-0.5)*300, vx: 0, vy: 0\n}));\nconst nodeMap = new Map(nodes.map(n => [n.id, n]));\nconst edges = data.edges.map(e => ({ source: nodeMap.get(e.source), target: nodeMap.get(e.target) }));\n\nfunction simulate() {\n  for (let iter = 0; iter < 300; iter++) {\n    // Repulsion\n    for (let i = 0; i < nodes.length; i++) {\n      for (let j = i+1; j < nodes.length; j++) {\n        let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;\n        let d = Math.sqrt(dx*dx + dy*dy) || 1;\n        let f = 8000 / (d * d);\n        nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;\n        nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;\n      }\n    }\n    // Attraction (edges)\n    edges.forEach(e => {\n      if (!e.source || !e.target) {\n          return;\n      }\n      let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;\n      let d = Math.sqrt(dx*dx + dy*dy) || 1;\n      let f = (d - 150) * 0.01;\n      e.source.vx += dx/d * f; e.source.vy += dy/d * f;\n      e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;\n    });\n    // Gravity\n    nodes.forEach(n => {\n      n.vx += (W/2 - n.x) * 0.001;\n      n.vy += (H/2 - n.y) * 0.001;\n      n.x += n.vx * 0.3; n.y += n.vy * 0.3;\n      n.vx *= 0.8; n.vy *= 0.8;\n      n.x = Math.max(60, Math.min(W-60, n.x));\n      n.y = Math.max(30, Math.min(H-30, n.y));\n    });\n  }\n}\nsimulate();\n\n// Render\nedges.forEach(e => {\n  if (!e.source || !e.target) {\n      return;\n  }\n  const line = document.createElementNS('http://www.w3.org/2000/svg','line');\n  line.setAttribute('x1', e.source.x); line.setAttribute('y1', e.source.y);\n  line.setAttribute('x2', e.target.x); line.setAttribute('y2', e.target.y);\n  line.setAttribute('class','edge');\n  svg.appendChild(line);\n});\nnodes.forEach(n => {\n  const g = document.createElementNS('http://www.w3.org/2000/svg','g');\n  g.setAttribute('class','node');\n  g.setAttribute('transform','translate('+(n.x-50)+','+(n.y-14)+')');\n  const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');\n  rect.setAttribute('width','100'); rect.setAttribute('height','28');\n  rect.setAttribute('fill', n.status ? (statusColors[n.status]||'#ecf0f1') : projectColors[n.project]);\n  g.appendChild(rect);\n  const text = document.createElementNS('http://www.w3.org/2000/svg','text');\n  text.setAttribute('x','50'); text.setAttribute('y','18'); text.setAttribute('text-anchor','middle');\n  text.textContent = n.id.length > 14 ? n.target : n.id;\n  g.appendChild(text);\n  g.addEventListener('click', () => {\n    const deps = data.edges.filter(e => e.source === n.id).map(e => e.target);\n    const rdeps = data.edges.filter(e => e.target === n.id).map(e => e.source);\n    alert(n.id + '\\n\\nDepends on: ' + (deps.join(', ')||'none') + '\\nRequired by: ' + (rdeps.join(', ')||'none'));\n  });\n  svg.appendChild(g);\n});\n<\/script>\n</body>\n</html>"])), graphData.nodes.length, graphData.edges.length, graphData.roots.length, JSON.stringify(graphData).replaceAll("</", String.raw`<\/`));
 };
 const toGraphAscii = (taskGraph, options = {}) => {
   const { taskStatuses } = options;
@@ -191,8 +191,25 @@ const projectGraphToDot = (projectGraph) => {
   }
   for (const [project, deps] of Object.entries(projectGraph.dependencies)) {
     for (const dep of deps) {
-      const style = dep.type === "implicit" ? "dashed" : "solid";
-      lines.push(`  "${project}" -> "${dep.target}" [style=${style}];`);
+      const attributes = [];
+      switch (dep.type) {
+        case "devDependency": {
+          attributes.push("style=dotted", 'color="#888888"');
+          break;
+        }
+        case "implicit": {
+          attributes.push("style=dashed");
+          break;
+        }
+        case "peerDependency": {
+          attributes.push("style=dashed", 'color="#CC8800"');
+          break;
+        }
+        default: {
+          attributes.push("style=solid");
+        }
+      }
+      lines.push(`  "${project}" -> "${dep.target}" [${attributes.join(", ")}];`);
     }
   }
   lines.push("}");