@stevecastaneda/paseo-progress 0.1.0 → 0.1.1

package/client/panel.tsx

@@ -3,7 +3,7 @@ import { Icon } from "@getpaseo/plugin/client/react-native";
 import { DeliverablesList } from "./deliverables";
 import { LauncherBanner, SkillBanner } from "./launcher";
 import { AnsweredQuestionsList, QuestionsSection } from "./questions";
-import { Spinner, StalledPulse } from "./spinner";
+import { Spinner, StalledPulse, WaitingDot } from "./spinner";
 import { IconSwap, Presence, StaggerRoot, nativeDriver } from "./motion";
 import { SectionTitle } from "./section-title";
 import { raised } from "./surfaces";
@@ -427,11 +427,11 @@ function TicketRow({ colors, ticket, live, now, onOpen, deliverables }: { colors
         <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>
       </View>
       <View style={{ flex: 1, minWidth: 0, gap: 2 }}>
-        {/* A paperclip before the title when the ticket has deliverables; they're listed in its dialog. */}
+        {/* The Deliverables tab's icon before the title when the ticket has deliverables; they're listed in its dialog. */}
         <View style={{ flexDirection: "row", gap: 6 }}>
           {deliverables ? (
             <View accessibilityLabel={deliverables === 1 ? "Has a deliverable" : `Has ${deliverables} deliverables`} style={{ height: 18, justifyContent: "center" }}>
-              <Icon name="Paperclip" size={12} color={colors.foregroundMuted} />
+              <Icon name="Package" size={12} color={colors.foregroundMuted} />
             </View>
           ) : null}
           <Text style={{ flex: 1, color: muted ? colors.foregroundMuted : colors.foreground, fontSize: 13, lineHeight: 18, textDecorationLine: muted ? "line-through" : "none" }}>
@@ -463,7 +463,7 @@ function TicketRow({ colors, ticket, live, now, onOpen, deliverables }: { colors
 }
 
 function StatusIcon({ colors, status, live, waiting }: { colors: Colors; status: TicketStatus; live: boolean; waiting: boolean }) {
-  if (waiting) return <Icon name="Hourglass" size={14} color={colors.foregroundMuted} />;
+  if (waiting) return <WaitingDot color={colors.foregroundMuted} size={14} />;
   switch (status) {
     case "done":
       return <Icon name="Check" size={14} color={colors.statusSuccess} />;

package/client/spinner.tsx

@@ -33,3 +33,14 @@ export function StalledPulse({ color, size = 12 }: { color: string; size?: numbe
     </Animated.View>
   );
 }
+
+// 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.
+export function WaitingDot({ color, size = 12 }: { color: string; size?: number }) {
+  const dot = Math.round(size / 2);
+  return (
+    <View accessibilityLabel="Waiting" style={{ width: size, height: size, alignItems: "center", justifyContent: "center" }}>
+      <View style={{ width: dot, height: dot, borderRadius: dot / 2, backgroundColor: color, opacity: 0.5 }} />
+    </View>
+  );
+}

package/client/ticket-dialog.tsx

@@ -9,7 +9,7 @@ import { type Attachment, AttachmentList, deliverableAttachment } from "./attach
 import { StackedDialog } from "./dialog-stack";
 import { IconSwap } from "./motion";
 import { PressableRow } from "./row";
-import { Spinner, StalledPulse } from "./spinner";
+import { Spinner, StalledPulse, WaitingDot } from "./spinner";
 import { StatusBadge } from "./status-badge";
 import { When } from "./when";
 
@@ -65,7 +65,7 @@ export function TicketStoryView({ colors, dashboard, ticket, now, live, onOpenAt
         {ticket.waitingFor ? (
           <View style={{ flexDirection: "row", gap: 4 }}>
             {/* Held on the first line when a long title wraps. */}
-            <View style={{ height: 18, justifyContent: "center" }}><Icon name="Hourglass" size={12} color={colors.foregroundMuted} /></View>
+            <View style={{ height: 18, justifyContent: "center" }}><WaitingDot color={colors.foregroundMuted} /></View>
             <Text style={{ flex: 1, color: colors.foregroundMuted, fontSize: 12, lineHeight: 18 }}>Waits for {ticket.waitingFor.id}: {ticket.waitingFor.title}</Text>
           </View>
         ) : null}
@@ -158,8 +158,8 @@ 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 } }) {
-  const icon = step.waiting ? { name: "Hourglass", color: colors.foregroundMuted }
-    : step.label === "Added" ? { name: "CirclePlus", color: colors.foregroundMuted }
+  if (step.waiting) 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 }

package/npm-shrinkwrap.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stevecastaneda/paseo-progress",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "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",