@stevecastaneda/paseo-progress 0.1.3 → 0.1.5

package/README.md

@@ -10,7 +10,7 @@ The dashboard shows:
 - a "possibly stale" warning after 15 minutes with no update while tickets remain, unless Paseo shows an agent in the workspace still running (for example one waiting on its subagents), and never once every ticket is done or skipped or the run is finished; working items swap their spinner for a pulsing amber warning
 - percent of estimated work done, time done of time estimated (like "1 h 30 min of 2 h"; once everything is done, how long it really took), and a bar with one segment per ticket
 - **Stuck:** blocked tickets, working tickets with no update for longer than their estimate, and blockers the agent flags
-- **Tickets:** estimate, status, and the working ticket's stage. A ticket that waits for another (`--waits-for T03`) shows an hourglass and "Waits for Ticket 03" until that one is done; waiting is the order of work, so it never counts as stuck, even if the agent also marked it blocked. Press a ticket for its story in a dialog: a timeline of its stages and statuses with how long each took, notes, time worked against the estimate, and the deliverables, questions and activity that belong to it. Items tagged with `--ticket` belong exactly; older, untagged ones are matched by when they happened and marked "by time"
+- **Tickets:** estimate, status, and the working ticket's stage. A ticket that waits for another (`--waits-for T03`) shows "Waits for Ticket 03" under its title until that one is done; waiting is the order of work, so it never counts as stuck, even if the agent also marked it blocked. Press a ticket for its story in a dialog: a timeline of its stages and statuses with how long each took, notes, time worked against the estimate, and the deliverables, questions and activity that belong to it. Items tagged with `--ticket` belong exactly; older, untagged ones are matched by when they happened and marked "by time"
 - **Questions:** each with a permanent reference (Q1, Q2, ...), lettered options, and the default the agent is using. Press a question to open it in a dialog, then press **Copy Q2 B** to copy `Q2 (title): B` for your reply. Files and links the agent attached (`--file`) open like deliverables: images and text files preview in Paseo (with **Back** to the question), links open in Paseo's browser, and other files open in their default app. From the pill's popover, the preview opens over the popover, which stays open so you can go back to it. Answers stay listed under the same reference.
 - **Activity**, **Answered** questions and **Deliverables** (press one to open it), sharing one card with a tab for each; the panel remembers the tab you picked. Each shows the newest 10, with **Show 10 older** below
 

package/client/panel.tsx

@@ -12,7 +12,7 @@ import React, { useEffect, useRef, useState } from "react";
 import { ActivityIndicator, Animated, Platform, Pressable, ScrollView, Text, View } from "react-native";
 import { shortTitle, type Activity, type Dashboard, type FileIssue, type ProgressSegment, type StuckItem, type Ticket } from "../shared/dashboard";
 import { PROGRESS_FILE, type TicketStatus } from "../shared/events";
-import { formatMinutes, formatWorkDone, minutesSince } from "../shared/format";
+import { formatEstimate, formatMinutes, formatWorkDone, minutesSince } from "../shared/format";
 import { markPanelOpened } from "../shared/rpc";
 import { useDashboard } from "./dashboard-query";
 import { STATUS_LABEL } from "./status-badge";
@@ -425,7 +425,7 @@ function TicketRow({ colors, ticket, live, now, onOpen, deliverables }: { colors
       style={{ flexDirection: "row", alignItems: "flex-start", gap: 10, paddingHorizontal: 10, paddingVertical: 8, borderTopWidth: 1, borderTopColor: colors.border }}>
       {/* The icon is the only status mark on the row; the ticket dialog spells it out in a badge. */}
       <View accessible accessibilityLabel={ticket.waitingFor ? "Waiting" : STATUS_LABEL[ticket.status]} style={{ width: 16, paddingTop: 2, alignItems: "center" }}>
-        <IconSwap swapKey={ticket.waitingFor ? "waiting" : ticket.status === "working" ? `working-${live}` : ticket.status} size={14}><StatusIcon colors={colors} status={ticket.status} live={live} waiting={Boolean(ticket.waitingFor)} /></IconSwap>
+        <IconSwap swapKey={ticket.waitingFor || ticket.status === "not_started" ? "waiting" : ticket.status === "working" ? `working-${live}` : ticket.status} size={14}><StatusIcon colors={colors} status={ticket.status} live={live} waiting={Boolean(ticket.waitingFor)} /></IconSwap>
       </View>
       <View style={{ flex: 1, minWidth: 0, gap: 2 }}>
         <Text style={{ color: muted ? colors.foregroundMuted : colors.foreground, fontSize: 13, lineHeight: 18, textDecorationLine: muted ? "line-through" : "none" }}>
@@ -446,11 +446,11 @@ function TicketRow({ colors, ticket, live, now, onOpen, deliverables }: { colors
         ) : null}
         {ticket.note ? <Text style={{ color: colors.foregroundMuted, fontSize: 12, lineHeight: 17 }}>{ticket.note}</Text> : null}
       </View>
-      {/* Fixed slots so the Package icon and estimates line up down the list, whether or not a row has deliverables; they're listed in its dialog. */}
+      {/* Fixed slots so the Package icon and estimates line up down the list, whether or not a row has deliverables; they're listed in its dialog. The estimate slot fits "45 min" and "10.5 h"; longer ones grow rather than clip. */}
       <View accessibilityLabel={deliverables ? (deliverables === 1 ? "Has a deliverable" : `Has ${deliverables} deliverables`) : undefined} style={{ width: 12, height: 18, justifyContent: "center" }}>
         {deliverables ? <Icon name="Package" size={12} color={colors.foregroundMuted} /> : null}
       </View>
-      <Text style={{ minWidth: 44, textAlign: "right", color: colors.foregroundMuted, fontSize: 12, lineHeight: 18, fontVariant: ["tabular-nums"] }}>{ticket.estimateMin} min</Text>
+      <Text style={{ minWidth: 40, flexShrink: 0, textAlign: "right", color: colors.foregroundMuted, fontSize: 12, lineHeight: 18, fontVariant: ["tabular-nums"] }}>{formatEstimate(ticket.estimateMin)}</Text>
       <View style={{ paddingTop: 2 }}><Icon name="ChevronRight" size={14} color={colors.foregroundMuted} /></View>
     </PressableRow>
   );
@@ -468,7 +468,8 @@ function StatusIcon({ colors, status, live, waiting }: { colors: Colors; status:
     case "skipped":
       return <Icon name="CircleSlash" size={14} color={colors.foregroundMuted} />;
     default:
-      return <Icon name="Circle" size={14} color={colors.foregroundMuted} />;
+      // Every step still ahead gets the same dot; "Waits for" says which ones are held up.
+      return <WaitingDot color={colors.foregroundMuted} size={14} />;
   }
 }
 

package/client/spinner.tsx

@@ -34,8 +34,8 @@ export function StalledPulse({ color, size = 12 }: { color: string; size?: numbe
   );
 }
 
-// A ticket waiting on another one: a still, faded dot, so it reads as parked
-// rather than busy. Centered in the same slot an icon would take.
+// A ticket not started yet, or waiting on another one: a still, faded dot, so it
+// reads as parked rather than busy. Centered in the same slot an icon would take.
 export function WaitingDot({ color, size = 12 }: { color: string; size?: number }) {
   const dot = Math.round(size / 2);
   return (

package/client/ticket-dialog.tsx

@@ -158,12 +158,11 @@ function LinkNote({ colors, link }: { colors: Colors; link: Link }) {
 // The same icons as the ticket rows, so a step reads like the status it was.
 // Past stage steps get an accent ringed dot: work that happened, now over.
 function Marker({ colors, step }: { colors: Colors; step: TimelineStep & { waiting?: boolean } }) {
-  if (step.waiting) return <WaitingDot color={colors.foregroundMuted} />;
+  if (step.waiting || (step.status === "not_started" && step.label !== "Added")) return <WaitingDot color={colors.foregroundMuted} />;
   const icon = step.label === "Added" ? { name: "CirclePlus", color: colors.foregroundMuted }
     : step.status === "done" ? { name: "CircleCheck", color: colors.statusSuccess }
     : step.status === "blocked" ? { name: "Ban", color: colors.statusDanger }
     : step.status === "skipped" ? { name: "CircleSlash", color: colors.foregroundMuted }
-    : step.status === "not_started" ? { name: "Circle", color: colors.foregroundMuted }
     : { name: "CircleDot", color: colors.accent };
   return <Icon name={icon.name} size={12} color={icon.color} />;
 }

package/dist/shared/format.js

@@ -11,6 +11,13 @@ export function formatMinutes(totalMin) {
         return `${minutes} min`;
     return minutes ? `${hours} h ${minutes} min` : `${hours} h`;
 }
+// A ticket's estimate, the way people say one: "45 min" under an hour, then
+// hours to one decimal: "1 h", "1.5 h", "2.1 h".
+export function formatEstimate(totalMin) {
+    if (totalMin < 60)
+        return formatMinutes(totalMin);
+    return `${Math.round(totalMin / 6) / 10} h`;
+}
 // Estimated work done out of the total, in the units people estimate in:
 // "5 of 10 min", "1 h 30 min of 2 h". Under an hour on both sides, the unit is
 // said once.

package/dist/shared/show.js

@@ -1,5 +1,5 @@
 import { headlineText, shortTitle } from "./dashboard.js";
-import { formatAgo, formatClock, formatMinutes, formatWorkDone, minutesSince } from "./format.js";
+import { formatAgo, formatClock, formatEstimate, formatMinutes, formatWorkDone, minutesSince } from "./format.js";
 const STATUS = { not_started: "Not started", working: "Working", blocked: "Blocked", done: "Done", skipped: "Skipped" };
 // The dashboard as plain text, so an agent can check what the user sees.
 export function dashboardText(dashboard, nowMs) {
@@ -40,7 +40,7 @@ export function dashboardText(dashboard, nowMs) {
     for (const ticket of dashboard.tickets) {
         const stage = ticket.status === "working" && ticket.stage ? `, ${ticket.stage} stage` : "";
         const status = ticket.waitingFor ? `Waiting for ${ticket.waitingFor.id}` : STATUS[ticket.status];
-        lines.push(`  ${ticket.id}  ${status}${stage}  ${ticket.estimateMin} min  ${ticket.title}`);
+        lines.push(`  ${ticket.id}  ${status}${stage}  ${formatEstimate(ticket.estimateMin)}  ${ticket.title}`);
     }
     if (dashboard.questions.open.length) {
         lines.push("", "Questions waiting");

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@stevecastaneda/paseo-progress",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@stevecastaneda/paseo-progress",
-      "version": "0.1.3",
+      "version": "0.1.5",
       "license": "MIT",
       "dependencies": {
         "@getpaseo/client": "^0.9.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stevecastaneda/paseo-progress",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "A live progress dashboard per worktree for Paseo, drawn from a file agents write with the paseo-progress command.",
   "license": "MIT",
   "author": "Steve Castaneda",

package/shared/format.ts

@@ -12,6 +12,13 @@ export function formatMinutes(totalMin: number): string {
   return minutes ? `${hours} h ${minutes} min` : `${hours} h`;
 }
 
+// A ticket's estimate, the way people say one: "45 min" under an hour, then
+// hours to one decimal: "1 h", "1.5 h", "2.1 h".
+export function formatEstimate(totalMin: number): string {
+  if (totalMin < 60) return formatMinutes(totalMin);
+  return `${Math.round(totalMin / 6) / 10} h`;
+}
+
 // Estimated work done out of the total, in the units people estimate in:
 // "5 of 10 min", "1 h 30 min of 2 h". Under an hour on both sides, the unit is
 // said once.

package/shared/show.ts

@@ -1,6 +1,6 @@
 import type { Dashboard } from "./dashboard.ts";
 import { headlineText, shortTitle } from "./dashboard.ts";
-import { formatAgo, formatClock, formatMinutes, formatWorkDone, minutesSince } from "./format.ts";
+import { formatAgo, formatClock, formatEstimate, formatMinutes, formatWorkDone, minutesSince } from "./format.ts";
 
 const STATUS: Record<string, string> = { not_started: "Not started", working: "Working", blocked: "Blocked", done: "Done", skipped: "Skipped" };
 
@@ -38,7 +38,7 @@ export function dashboardText(dashboard: Dashboard, nowMs: number): string {
   for (const ticket of dashboard.tickets) {
     const stage = ticket.status === "working" && ticket.stage ? `, ${ticket.stage} stage` : "";
     const status = ticket.waitingFor ? `Waiting for ${ticket.waitingFor.id}` : STATUS[ticket.status];
-    lines.push(`  ${ticket.id}  ${status}${stage}  ${ticket.estimateMin} min  ${ticket.title}`);
+    lines.push(`  ${ticket.id}  ${status}${stage}  ${formatEstimate(ticket.estimateMin)}  ${ticket.title}`);
   }
   if (dashboard.questions.open.length) {
     lines.push("", "Questions waiting");