idletime 0.1.0 → 0.1.1

package/dist/idletime.js

@@ -2,7 +2,7 @@
 // package.json
 var package_default = {
   name: "idletime",
-  version: "0.1.0",
+  version: "0.1.1",
   description: "Visual CLI for Codex focus, token burn, spikes, and idle time from local session logs.",
   author: "ParkerRex",
   main: "./dist/idletime.js",
@@ -1039,33 +1039,130 @@ function shortenPath(pathText, maxLength) {
 
 // src/reporting/render-theme.ts
 var roleStyles = {
-  focus: "1;38;2;56;189;248",
-  active: "1;38;2;96;165;250",
-  agent: "1;38;2;168;85;247",
-  idle: "1;38;2;250;204;21",
-  burn: "1;38;2;251;146;60",
-  frame: "1;38;2;125;211;252",
-  heading: "1;38;2;248;250;252",
-  muted: "38;2;148;163;184",
-  value: "1;38;2;226;232;240"
+  focus: "1;38;2;236;239;148",
+  active: "1;38;2;208;219;96",
+  agent: "1;38;2;166;182;77",
+  idle: "1;38;2;138;150;66",
+  burn: "1;38;2;228;209;92",
+  raw: "1;38;2;188;172;80",
+  frame: "1;38;2;149;158;56",
+  heading: "1;38;2;249;246;212",
+  muted: "38;2;142;145;96",
+  value: "1;38;2;242;236;179"
 };
 function createRenderOptions(shareMode) {
   return {
     colorEnabled: Boolean(process.stdout.isTTY) && process.env.NO_COLOR === undefined,
-    shareMode
+    shareMode,
+    terminalWidth: process.stdout.columns ?? null
   };
 }
 function paint(text, role, options) {
+  return paintAnsi(text, roleStyles[role], options);
+}
+function paintAnsi(text, style, options) {
   if (!options.colorEnabled || text.length === 0) {
     return text;
   }
-  return `\x1B[${roleStyles[role]}m${text}\x1B[0m`;
+  return `\x1B[${style}m${text}\x1B[0m`;
 }
 function dim(text, options) {
-  if (!options.colorEnabled || text.length === 0) {
-    return text;
+  return paintAnsi(text, "2", options);
+}
+function measureVisibleTextWidth(text) {
+  let visibleWidth = 0;
+  for (let index = 0;index < text.length; index += 1) {
+    if (text[index] === "\x1B" && text[index + 1] === "[") {
+      index += 2;
+      while (index < text.length && text[index] !== "m") {
+        index += 1;
+      }
+      continue;
+    }
+    visibleWidth += 1;
   }
-  return `\x1B[2m${text}\x1B[0m`;
+  return visibleWidth;
+}
+
+// src/reporting/render-logo-section.ts
+var baseBackgroundStyle = "48;2;12;15;8";
+var wordmarkStyle = `${baseBackgroundStyle};1;38;2;247;245;204`;
+var wordmarkLines = [
+  "       ▄▄ ▄▄",
+  "▀▀     ██ ██        ██   ▀▀",
+  "██  ▄████ ██ ▄█▀█▄ ▀██▀▀ ██  ███▄███▄ ▄█▀█▄",
+  "██  ██ ██ ██ ██▄█▀  ██   ██  ██ ██ ██ ██▄█▀",
+  "██▄ ▀████ ██ ▀█▄▄▄  ██   ██▄ ██ ██ ██ ▀█▄▄▄"
+];
+var patternColors = [
+  { red: 20, green: 24, blue: 10 },
+  { red: 48, green: 58, blue: 18 },
+  { red: 86, green: 96, blue: 24 },
+  { red: 128, green: 138, blue: 30 },
+  { red: 176, green: 188, blue: 40 },
+  { red: 220, green: 228, blue: 78 }
+];
+var monochromePatternCharacters = ["░", "░", "▒", "▓", "█"];
+function buildLogoSection(requestedWidth, options) {
+  const wordmarkWidth = Math.max(...wordmarkLines.map((line) => line.length));
+  const sectionWidth = Math.max(requestedWidth, wordmarkWidth);
+  const patternWidth = Math.max(0, sectionWidth - wordmarkWidth);
+  return wordmarkLines.map((line, rowIndex) => {
+    const paddedWordmark = padRight(line, wordmarkWidth);
+    const patternTail = buildPatternTail(patternWidth, rowIndex, options);
+    return `${paintAnsi(paddedWordmark, wordmarkStyle, options)}${patternTail}`;
+  });
+}
+function resolveLogoSectionWidth(minimumWidth, options) {
+  return Math.max(minimumWidth, options.terminalWidth ?? 0);
+}
+function buildPatternTail(width, rowIndex, options) {
+  if (!options.colorEnabled) {
+    return buildMonochromePatternTail(width, rowIndex);
+  }
+  let patternTail = "";
+  let currentStyle = "";
+  let currentSegmentWidth = 0;
+  for (let columnIndex = 0;columnIndex < width; columnIndex += 1) {
+    const style = getPatternCellStyle(getPatternIntensity(width, rowIndex, columnIndex));
+    if (style === currentStyle) {
+      currentSegmentWidth += 1;
+      continue;
+    }
+    if (currentSegmentWidth > 0) {
+      patternTail += paintAnsi(" ".repeat(currentSegmentWidth), currentStyle, options);
+    }
+    currentStyle = style;
+    currentSegmentWidth = 1;
+  }
+  if (currentSegmentWidth > 0) {
+    patternTail += paintAnsi(" ".repeat(currentSegmentWidth), currentStyle, options);
+  }
+  return patternTail;
+}
+function buildMonochromePatternTail(width, rowIndex) {
+  let patternTail = "";
+  for (let columnIndex = 0;columnIndex < width; columnIndex += 1) {
+    const intensity = getPatternIntensity(width, rowIndex, columnIndex);
+    const characterIndex = Math.min(monochromePatternCharacters.length - 1, Math.floor(intensity * monochromePatternCharacters.length));
+    patternTail += monochromePatternCharacters[characterIndex];
+  }
+  return patternTail;
+}
+function getPatternIntensity(width, rowIndex, columnIndex) {
+  const normalizedColumn = width <= 1 ? 0 : columnIndex / Math.max(1, width - 1);
+  const envelope = 0.18 + 0.82 * Math.pow(normalizedColumn, 0.82);
+  const wave = Math.sin((columnIndex + rowIndex * 1.9) / 2.9) * 0.22 + Math.cos((columnIndex - rowIndex * 2.7) / 6.3) * 0.18 + Math.sin((columnIndex + rowIndex * 3.4) / 10.5) * 0.12;
+  const blockOffset = ((Math.floor(columnIndex / 2) + rowIndex) % 2 === 0 ? 0.06 : -0.04) + (rowIndex === 0 ? -0.06 : 0);
+  return clamp(envelope + wave + blockOffset, 0, 1);
+}
+function getPatternCellStyle(intensity) {
+  const colorIndex = Math.min(patternColors.length - 1, Math.floor(intensity * patternColors.length));
+  const color = patternColors[colorIndex];
+  return `48;2;${color.red};${color.green};${color.blue}`;
+}
+function clamp(value, minValue, maxValue) {
+  return Math.min(maxValue, Math.max(minValue, value));
 }
 
 // src/reporting/render-layout.ts
@@ -1095,32 +1192,39 @@ function renderSectionTitle(title, options) {
 }
 
 // src/reporting/render-rhythm-section.ts
+var groupSize = 4;
 function buildRhythmSection(report, options) {
   const quietValues = report.buckets.map((bucket) => Math.max(0, bucket.end.getTime() - bucket.start.getTime() - bucket.directActivityMs - bucket.agentOnlyMs));
   const idleValues = report.hasWakeWindow ? report.buckets.map((bucket) => bucket.awakeIdleMs) : quietValues;
   const idleLabel = report.hasWakeWindow ? "idle" : "quiet";
-  return [
+  const idleTotal = formatDurationCompact(idleValues.reduce((totalDurationMs, idleDurationMs) => totalDurationMs + idleDurationMs, 0));
+  const lines = [
     ...renderSectionTitle("24h Rhythm", options),
     paint(`  hours  ${buildHourMarkerLine(report)}`, "muted", options),
-    renderRhythmRow("focus", buildSparkline(report.buckets.map((bucket) => bucket.engagedMs)), formatDurationCompact(report.buckets.reduce((totalDurationMs, bucket) => totalDurationMs + bucket.engagedMs, 0)), "focus", options),
-    renderRhythmRow("active", buildSparkline(report.buckets.map((bucket) => bucket.directActivityMs)), formatDurationCompact(report.buckets.reduce((totalDurationMs, bucket) => totalDurationMs + bucket.directActivityMs, 0)), "active", options),
-    renderRhythmRow(padRight(idleLabel, 6).trimEnd(), buildSparkline(idleValues), formatDurationCompact(idleValues.reduce((totalDurationMs, idleDurationMs) => totalDurationMs + idleDurationMs, 0)), "idle", options),
-    renderRhythmRow("burn", buildSparkline(report.buckets.map((bucket) => bucket.practicalBurn)), formatCompactInteger(report.buckets.reduce((totalBurn, bucket) => totalBurn + bucket.practicalBurn, 0)), "burn", options)
+    renderRhythmRow("focus", buildGroupedTrack(buildSparkline(report.buckets.map((bucket) => bucket.engagedMs))), formatDurationCompact(report.buckets.reduce((totalDurationMs, bucket) => totalDurationMs + bucket.engagedMs, 0)), "focus", options),
+    renderRhythmRow("active", buildGroupedTrack(buildSparkline(report.buckets.map((bucket) => bucket.directActivityMs))), formatDurationCompact(report.buckets.reduce((totalDurationMs, bucket) => totalDurationMs + bucket.directActivityMs, 0)), "active", options)
   ];
+  lines.push(renderRhythmRow(padRight(idleLabel, 6).trimEnd(), buildGroupedTrack(buildSparkline(idleValues)), idleTotal, "idle", options));
+  lines.push(renderRhythmRow("burn", buildGroupedTrack(buildSparkline(report.buckets.map((bucket) => bucket.practicalBurn))), formatCompactInteger(report.buckets.reduce((totalBurn, bucket) => totalBurn + bucket.practicalBurn, 0)), "burn", options));
+  return lines;
+}
+function buildGroupedTrack(text) {
+  const groups = [];
+  for (let i = 0;i < text.length; i += groupSize) {
+    groups.push(text.slice(i, i + groupSize));
+  }
+  return groups.join("│");
 }
 function buildHourMarkerLine(report) {
-  const markerCharacters = Array.from({ length: report.buckets.length }, () => " ");
-  for (const [index, bucket] of report.buckets.entries()) {
-    if (index % 4 !== 0) {
+  const markerGroups = [];
+  for (let index = 0;index < report.buckets.length; index += groupSize) {
+    const bucket = report.buckets[index];
+    if (!bucket) {
       continue;
     }
-    const hourLabel = formatHourOfDay(bucket.start, report.window);
-    markerCharacters[index] = hourLabel[0] ?? " ";
-    if (index + 1 < markerCharacters.length) {
-      markerCharacters[index + 1] = hourLabel[1] ?? " ";
-    }
+    markerGroups.push(padRight(formatHourOfDay(bucket.start, report.window), Math.min(groupSize, report.buckets.length - index)));
   }
-  return markerCharacters.join("");
+  return markerGroups.join("│");
 }
 function renderRhythmRow(label, sparkline, totalText, role, options) {
   return `${paint(`  ${padRight(label, 6)}`, role, options)} ${paint(sparkline, role, options)}  ${paint(totalText, "value", options)}`;
@@ -1147,11 +1251,16 @@ function renderFullHourlyReport(report, options) {
   const lines = [];
   const peakBurnBucket = report.buckets.reduce((currentPeak, bucket) => bucket.practicalBurn > currentPeak.practicalBurn ? bucket : currentPeak, report.buckets[0]);
   const peakFocusBucket = report.buckets.reduce((currentPeak, bucket) => bucket.engagedMs > currentPeak.engagedMs ? bucket : currentPeak, report.buckets[0]);
-  lines.push(...renderPanel(`idletime hourly • ${report.window.label}`, [
+  const panelLines = renderPanel(`idletime hourly • ${report.window.label}`, [
     `${formatTimestamp(report.window.start, report.window)} -> ${formatTimestamp(report.window.end, report.window)}`,
     buildFilterLine(report),
     `peaks burn ${formatCompactInteger(peakBurnBucket.practicalBurn)} @ ${formatHourBucketLabel(peakBurnBucket.start, report.window)} • focus ${formatDurationCompact(peakFocusBucket.engagedMs)} @ ${formatHourBucketLabel(peakFocusBucket.start, report.window)} • concurrency ${Math.max(...report.buckets.map((bucket) => bucket.peakConcurrentAgents), 0)}`
-  ], options));
+  ], options);
+  const panelWidth = measureVisibleTextWidth(panelLines[0] ?? "");
+  const logoSectionWidth = resolveLogoSectionWidth(panelWidth, options);
+  lines.push(...buildLogoSection(logoSectionWidth, options));
+  lines.push("");
+  lines.push(...panelLines);
   lines.push("");
   lines.push(...buildRhythmSection(report, options));
   lines.push("");
@@ -1171,11 +1280,16 @@ function renderFullHourlyReport(report, options) {
 function renderShareHourlyReport(report, options) {
   const lines = [];
   const peakBurnBucket = report.buckets.reduce((currentPeak, bucket) => bucket.practicalBurn > currentPeak.practicalBurn ? bucket : currentPeak, report.buckets[0]);
-  lines.push(...renderPanel(`idletime hourly • ${report.window.label}`, [
+  const panelLines = renderPanel(`idletime hourly • ${report.window.label}`, [
     `${formatTimestamp(report.window.start, report.window)} -> ${formatTimestamp(report.window.end, report.window)}`,
     buildFilterLine(report),
     `peak burn ${formatCompactInteger(peakBurnBucket.practicalBurn)} @ ${formatHourBucketLabel(peakBurnBucket.start, report.window)}`
-  ], options));
+  ], options);
+  const panelWidth = measureVisibleTextWidth(panelLines[0] ?? "");
+  const logoSectionWidth = resolveLogoSectionWidth(panelWidth, options);
+  lines.push(...buildLogoSection(logoSectionWidth, options));
+  lines.push("");
+  lines.push(...panelLines);
   lines.push("");
   lines.push(...buildRhythmSection(report, options));
   lines.push("");
@@ -1324,19 +1438,18 @@ function renderFullSummaryReport(report, options, hourlyReport) {
   const windowDurationMs = report.window.end.getTime() - report.window.start.getTime();
   const headerLines = [
     formatTimeRange(report.window.start, report.window.end, report.window),
-    report.activityWindow ? `active ${formatTimeRange(report.activityWindow.start, report.activityWindow.end, report.window)}` : "active no matching sessions",
-    buildHeaderMeta(report),
+    `${report.sessionCounts.total} sessions · ${formatDurationHours(requestedMetrics.strictEngagementMs)} focused · ${formatCompactInteger(report.tokenTotals.practicalBurn)} tokens`,
     ...formatAppliedFilters(report).map((filter) => `filter ${filter}`)
   ];
-  if (hourlyReport) {
-    headerLines.push(buildPeakLine(hourlyReport));
-  }
-  lines.push(...renderPanel(`idletime • ${report.window.label}`, headerLines, options));
+  const panelLines = renderPanel(`idletime • ${report.window.label}`, headerLines, options);
+  const panelWidth = measureVisibleTextWidth(panelLines[0] ?? "");
+  const logoSectionWidth = resolveLogoSectionWidth(panelWidth, options);
+  lines.push(...buildLogoSection(logoSectionWidth, options));
+  lines.push("");
+  lines.push(...panelLines);
   if (hourlyReport) {
     lines.push("");
     lines.push(...buildRhythmSection(hourlyReport, options));
-    lines.push("");
-    lines.push(...buildSpikeSection(hourlyReport, options));
   }
   lines.push("");
   lines.push(...renderSectionTitle("Activity", options));
@@ -1358,10 +1471,10 @@ function renderFullSummaryReport(report, options, hourlyReport) {
   lines.push(...renderSectionTitle("Tokens", options));
   const maxBurnValue = Math.max(report.tokenTotals.practicalBurn, report.directTokenTotals.practicalBurn);
   const maxRawValue = Math.max(report.tokenTotals.rawTotalTokens, report.directTokenTotals.rawTotalTokens);
-  lines.push(renderMetricRow("practical burn", report.tokenTotals.practicalBurn, maxBurnValue, formatCompactInteger(report.tokenTotals.practicalBurn), `${formatPercentage(report.tokenTotals.practicalBurn / report.tokenTotals.rawTotalTokens)} of raw`, "█", "burn", options));
-  lines.push(renderMetricRow("all raw", report.tokenTotals.rawTotalTokens, maxRawValue, formatCompactInteger(report.tokenTotals.rawTotalTokens), `${formatInteger(report.tokenTotals.rawTotalTokens)} total`, "▓", "burn", options));
-  lines.push(renderMetricRow("direct burn", report.directTokenTotals.practicalBurn, maxBurnValue, formatCompactInteger(report.directTokenTotals.practicalBurn), `${formatPercentage(report.directTokenTotals.practicalBurn / report.tokenTotals.practicalBurn)} of burn`, "▒", "burn", options));
-  lines.push(renderMetricRow("direct raw", report.directTokenTotals.rawTotalTokens, maxRawValue, formatCompactInteger(report.directTokenTotals.rawTotalTokens), `${formatPercentage(report.directTokenTotals.rawTotalTokens / report.tokenTotals.rawTotalTokens)} of raw`, "▚", "burn", options));
+  lines.push(renderMetricRow("practical burn", report.tokenTotals.practicalBurn, maxBurnValue, formatCompactInteger(report.tokenTotals.practicalBurn), `${formatPercentage(report.tokenTotals.practicalBurn / report.tokenTotals.rawTotalTokens)} of raw`, "█", "burn", options, "burn"));
+  lines.push(renderMetricRow("all raw", report.tokenTotals.rawTotalTokens, maxRawValue, formatCompactInteger(report.tokenTotals.rawTotalTokens), `${formatInteger(report.tokenTotals.rawTotalTokens)} total`, "█", "raw", options, "raw"));
+  lines.push(renderMetricRow("direct burn", report.directTokenTotals.practicalBurn, maxBurnValue, formatCompactInteger(report.directTokenTotals.practicalBurn), `${formatPercentage(report.directTokenTotals.practicalBurn / report.tokenTotals.practicalBurn)} of burn`, "▒", "burn", options, "burn"));
+  lines.push(renderMetricRow("direct raw", report.directTokenTotals.rawTotalTokens, maxRawValue, formatCompactInteger(report.directTokenTotals.rawTotalTokens), `${formatPercentage(report.directTokenTotals.rawTotalTokens / report.tokenTotals.rawTotalTokens)} of raw`, "▒", "raw", options, "raw"));
   if (report.wakeSummary) {
     lines.push("");
     lines.push(...renderSectionTitle("Wake Window", options));
@@ -1386,19 +1499,18 @@ function renderShareSummaryReport(report, options, hourlyReport) {
   const lines = [];
   const headerLines = [
     formatTimeRange(report.window.start, report.window.end, report.window),
-    report.activityWindow ? `active ${formatTimeRange(report.activityWindow.start, report.activityWindow.end, report.window)}` : "active no matching sessions",
-    buildHeaderMeta(report),
+    `${report.sessionCounts.total} sessions · ${formatDurationHours(report.metrics.strictEngagementMs)} focused · ${formatCompactInteger(report.tokenTotals.practicalBurn)} tokens`,
     ...formatAppliedFilters(report).map((filter) => `filter ${filter}`)
   ];
-  if (hourlyReport) {
-    headerLines.push(buildPeakLine(hourlyReport));
-  }
-  lines.push(...renderPanel(`idletime • ${report.window.label}`, headerLines, options));
+  const panelLines = renderPanel(`idletime • ${report.window.label}`, headerLines, options);
+  const panelWidth = measureVisibleTextWidth(panelLines[0] ?? "");
+  const logoSectionWidth = resolveLogoSectionWidth(panelWidth, options);
+  lines.push(...buildLogoSection(logoSectionWidth, options));
+  lines.push("");
+  lines.push(...panelLines);
   if (hourlyReport) {
     lines.push("");
     lines.push(...buildRhythmSection(hourlyReport, options));
-    lines.push("");
-    lines.push(...buildSpikeSection(hourlyReport, options));
   }
   lines.push("");
   lines.push(...renderSectionTitle("Snapshot", options));
@@ -1430,16 +1542,8 @@ function formatAppliedFilters(report) {
 function formatDurationLabel(durationMs) {
   return `${Math.round(durationMs / 60000)}m`;
 }
-function buildHeaderMeta(report) {
-  return `${report.sessionCounts.total} sessions • ${report.sessionCounts.direct} direct • ${report.sessionCounts.subagent} subagent • peak ${report.metrics.peakConcurrentAgents} agents`;
-}
-function buildPeakLine(report) {
-  const peakBurnBucket = report.buckets.reduce((currentPeak, bucket) => bucket.practicalBurn > currentPeak.practicalBurn ? bucket : currentPeak, report.buckets[0]);
-  const peakFocusBucket = report.buckets.reduce((currentPeak, bucket) => bucket.engagedMs > currentPeak.engagedMs ? bucket : currentPeak, report.buckets[0]);
-  return `peaks burn ${formatCompactInteger(peakBurnBucket.practicalBurn)} @ ${formatHourOfDay(peakBurnBucket.start, report.window)} • focus ${formatDurationCompact(peakFocusBucket.engagedMs)} @ ${formatHourOfDay(peakFocusBucket.start, report.window)}`;
-}
-function renderMetricRow(label, value, maxValue, primaryText, detailText, filledCharacter, role, options) {
-  return `${paint(padRight(`  ${label}`, 14), "muted", options)} ${paint(buildBar(value, maxValue, summaryBarWidth, filledCharacter), role, options)}  ${paint(padRight(primaryText, 7), "value", options)} ${dim(detailText, options)}`;
+function renderMetricRow(label, value, maxValue, primaryText, detailText, filledCharacter, role, options, valueRole = "value") {
+  return `${paint(padRight(`  ${label}`, 14), "muted", options)} ${paint(buildBar(value, maxValue, summaryBarWidth, filledCharacter), role, options)}  ${paint(padRight(primaryText, 7), valueRole, options)} ${dim(detailText, options)}`;
 }
 function renderSnapshotRow(label, primaryText, detailText, role, options) {
   return `${paint(padRight(`  ${label}`, 12), role, options)} ${paint(padRight(primaryText, 10), "value", options)} ${dim(detailText, options)}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idletime",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Visual CLI for Codex focus, token burn, spikes, and idle time from local session logs.",
   "author": "ParkerRex",
   "main": "./dist/idletime.js",