@nikitadmitrieff/feedback-chat 0.1.1 → 0.1.3

package/dist/client/index.d.ts

@@ -1,6 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type Stage = 'created' | 'queued' | 'running' | 'validating' | 'preview_ready' | 'deployed' | 'failed' | 'rejected';
+type ActivityEntry = {
+    message: string;
+    time: string;
+};
 type StatusResponse = {
     stage: Stage;
     issueNumber: number;
@@ -9,6 +13,7 @@ type StatusResponse = {
     previewUrl?: string;
     prNumber?: number;
     prUrl?: string;
+    activity?: ActivityEntry[];
 };
 type Conversation = {
     id: string;
@@ -40,4 +45,4 @@ type PipelineTrackerProps = {
 };
 declare function PipelineTracker({ issueUrl, statusEndpoint, }: PipelineTrackerProps): react_jsx_runtime.JSX.Element;
 
-export { type Conversation, FeedbackPanel, type FeedbackPanelProps, PipelineTracker, type Stage, type StatusResponse, useConversations };
+export { type ActivityEntry, type Conversation, FeedbackPanel, type FeedbackPanelProps, PipelineTracker, type Stage, type StatusResponse, useConversations };

package/dist/client/index.js

@@ -95,6 +95,19 @@ function cn(...inputs) {
 
 // src/client/ui/tooltip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
 function Tooltip({
   ...props
 }) {
@@ -1687,6 +1700,19 @@ var STAGE_INDEX = {
   failed: -1,
   rejected: -1
 };
+var STAGE_MESSAGE = {
+  created: "Creating issue\u2026",
+  queued: "Waiting for agent\u2026",
+  running: "Running\u2026",
+  validating: "Checking build\u2026",
+  preview_ready: "Deploying preview\u2026"
+};
+function formatElapsed(ms) {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
 var TERMINAL_STAGES = ["deployed", "failed", "rejected"];
 var POLL_INTERVAL_MS = 5e3;
 var PREVIEW_POLL_INTERVAL_MS = 15e3;
@@ -1750,6 +1776,8 @@ function PipelineTracker({
   const [changeComment, setChangeComment] = useState6("");
   const [confirmReject, setConfirmReject] = useState6(false);
   const previousStageRef = useRef3(null);
+  const stageStartRef = useRef3(Date.now());
+  const [elapsed, setElapsed] = useState6(0);
   const fetchStatus = useCallback3(async () => {
     try {
       const res = await fetch(`${statusEndpoint}?issue=${issueNumber}`);
@@ -1768,6 +1796,17 @@ function PipelineTracker({
       previousStageRef.current = status.stage;
     }
   }, [status.stage]);
+  useEffect3(() => {
+    stageStartRef.current = Date.now();
+    setElapsed(0);
+  }, [status.stage]);
+  useEffect3(() => {
+    if (TERMINAL_STAGES.includes(status.stage)) return;
+    const interval = setInterval(() => {
+      setElapsed(Date.now() - stageStartRef.current);
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [status.stage]);
   useEffect3(() => {
     setPipelineActive(issueNumber, "created");
     fetchStatus();
@@ -1815,18 +1854,39 @@ function PipelineTracker({
   const currentIndex = STAGE_INDEX[status.stage];
   const isFailed = status.stage === "failed";
   const failedAtIndex = isFailed ? getFailedStepIndex(previousStageRef.current) : -1;
+  const progressIndex = isFailed ? failedAtIndex : currentIndex;
+  const latestActivity = status.activity?.at(-1)?.message;
+  const activityMessage = latestActivity || STAGE_MESSAGE[status.stage] || "";
+  const isActive = !TERMINAL_STAGES.includes(status.stage);
   return /* @__PURE__ */ jsxs10("div", { className: "rounded-2xl border border-border bg-card p-3 space-y-2", children: [
-    /* @__PURE__ */ jsx14("div", { className: "space-y-0", children: STEPS.map((step, i) => {
-      const state = deriveStepState(i, currentIndex, failedAtIndex, status.stage);
-      return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 h-6", children: [
-        /* @__PURE__ */ jsx14(StepDot, { state }),
-        /* @__PURE__ */ jsx14("span", { className: `text-xs ${STEP_LABEL_CLASS[state]}`, children: state === "failed" && status.failReason ? status.failReason : step.label }),
-        i === 0 && /* @__PURE__ */ jsxs10("span", { className: "ml-auto text-[11px] text-muted-foreground/60", children: [
-          "#",
-          issueNumber
-        ] })
-      ] }, step.stage);
-    }) }),
+    /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx14("div", { className: "absolute left-[7.5px] top-3 bottom-3 w-px bg-muted-foreground/15" }),
+      progressIndex > 0 && /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: `absolute left-[7.5px] top-3 w-px transition-all duration-700 ease-out ${isFailed ? "bg-destructive/50" : "bg-emerald-500/50"}`,
+          style: { height: `${progressIndex * 24}px` }
+        }
+      ),
+      STEPS.map((step, i) => {
+        const state = deriveStepState(i, currentIndex, failedAtIndex, status.stage);
+        return /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsxs10("div", { className: "relative flex items-center gap-2 h-6", children: [
+            /* @__PURE__ */ jsx14(StepDot, { state }),
+            /* @__PURE__ */ jsx14("span", { className: `text-xs truncate ${STEP_LABEL_CLASS[state]}`, children: step.label }),
+            i === 0 && /* @__PURE__ */ jsxs10("span", { className: "ml-auto text-[11px] text-muted-foreground/60 shrink-0", children: [
+              "#",
+              issueNumber
+            ] })
+          ] }),
+          state === "failed" && status.failReason && /* @__PURE__ */ jsx14("div", { className: "pl-6 pb-0.5", children: /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-destructive/80 line-clamp-2", children: status.failReason }) }),
+          state === "active" && isActive && activityMessage && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 pl-6 h-5", children: [
+            /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-muted-foreground truncate flex-1", children: activityMessage }),
+            /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-muted-foreground/60 tabular-nums shrink-0", children: formatElapsed(elapsed) })
+          ] })
+        ] }, step.stage);
+      })
+    ] }),
     status.stage === "preview_ready" && status.previewUrl && /* @__PURE__ */ jsxs10("div", { className: "space-y-2.5 pt-2 border-t border-border", children: [
       /* @__PURE__ */ jsxs10(
         "a",
@@ -2061,7 +2121,7 @@ function FeedbackPanel({ isOpen, onToggle, apiUrl = "/api/feedback/chat" }) {
   const clearPendingMessage = useCallback4(() => {
     setPendingMessage("");
   }, []);
-  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs12(TooltipProvider, { children: [
     /* @__PURE__ */ jsx16(
       "div",
       {

package/dist/server/index.d.ts

@@ -37,6 +37,10 @@ type StatusHandlerConfig = {
     agentUrl?: string;
 };
 type Stage = 'created' | 'queued' | 'running' | 'validating' | 'preview_ready' | 'deployed' | 'failed' | 'rejected';
+type ActivityEntry = {
+    message: string;
+    time: string;
+};
 type StatusResponse = {
     stage: Stage;
     issueNumber: number;
@@ -45,6 +49,7 @@ type StatusResponse = {
     previewUrl?: string;
     prNumber?: number;
     prUrl?: string;
+    activity?: ActivityEntry[];
 };
 /**
  * Creates Next.js App Router GET and POST handlers for the feedback status endpoint.
@@ -112,4 +117,4 @@ declare function createGitHubIssue({ title, body, labels, }: {
     labels?: string[];
 }): Promise<string | null>;
 
-export { type FeedbackHandlerConfig, type GitHubIssueCreator, type Stage, type StatusHandlerConfig, type StatusResponse, buildDefaultPrompt, createFeedbackHandler, createGitHubIssue, createStatusHandler, createTools };
+export { type ActivityEntry, type FeedbackHandlerConfig, type GitHubIssueCreator, type Stage, type StatusHandlerConfig, type StatusResponse, buildDefaultPrompt, createFeedbackHandler, createGitHubIssue, createStatusHandler, createTools };

package/dist/server/index.js

@@ -284,17 +284,22 @@ async function getPreviewUrl(config, sha) {
   }
   return null;
 }
-async function getFailReason(config, issueNumber) {
+async function getActivity(config, issueNumber) {
   const res = await fetch(
     `${issueEndpoint(config, issueNumber)}/comments?per_page=5&direction=desc`,
     { headers: githubHeaders(config.token), cache: "no-store" }
   );
-  if (!res.ok) return void 0;
+  if (!res.ok) return [];
   const comments = await res.json();
-  const failComment = comments.find(
-    (c) => c.body?.startsWith("Agent failed:")
-  );
-  return failComment?.body?.replace("Agent failed:", "").trim();
+  if (!Array.isArray(comments)) return [];
+  return comments.slice(0, 3).map((c) => {
+    const raw = c.body ?? "";
+    const clean = raw.replace(/<[^>]*>/g, "").replace(/```[\s\S]*?```/g, "").replace(/`[^`]*`/g, "").replace(/[#*_~>\-|]/g, "").replace(/\s+/g, " ").trim().slice(0, 120);
+    return {
+      message: clean,
+      time: c.created_at ?? (/* @__PURE__ */ new Date()).toISOString()
+    };
+  }).reverse();
 }
 async function isAgentRunning(agentUrl, issueNumber) {
   if (!agentUrl) return false;
@@ -313,8 +318,13 @@ async function deriveStage(config, issueNumber, agentUrl) {
   const labels = (issue.labels ?? []).map((l) => l.name);
   const issueUrl = issue.html_url;
   if (labels.includes("agent-failed")) {
-    const failReason = await getFailReason(config, issueNumber);
-    return { stage: "failed", issueUrl, failReason };
+    const activity = await getActivity(config, issueNumber);
+    const failComment = activity.find((a) => a.message.startsWith("Agent failed:"));
+    let failReason = failComment?.message.replace("Agent failed:", "").trim();
+    if (failReason) {
+      failReason = failReason.replace(/<[^>]*>/g, "").replace(/```[\s\S]*?```/g, "").replace(/`[^`]*`/g, "").replace(/\s+/g, " ").trim().slice(0, 80);
+    }
+    return { stage: "failed", issueUrl, failReason, activity };
   }
   if (labels.includes("rejected")) {
     return { stage: "rejected", issueUrl };
@@ -454,7 +464,8 @@ async function handleRequestChanges(config, issueNumber, comment) {
     await fetch(`${url}/comments`, {
       method: "POST",
       headers,
-      body: JSON.stringify({ body: `**Changes requested:**
+      // Must match the string the agent's retry detection looks for
+      body: JSON.stringify({ body: `**Modifications demand\xE9es :**
 
 ${comment}` })
     });
@@ -501,6 +512,10 @@ function createStatusHandler(config) {
     if (!result) {
       return Response.json({ error: "Issue not found" }, { status: 404 });
     }
+    const terminal = ["deployed", "rejected"];
+    if (!terminal.includes(result.stage) && !result.activity) {
+      result.activity = await getActivity(ghConfig, issueNumber);
+    }
     const response = { issueNumber, ...result };
     return Response.json(response);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nikitadmitrieff/feedback-chat",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "main": "./dist/client/index.js",
   "types": "./dist/client/index.d.ts",
@@ -23,7 +23,7 @@
   "bin": {
     "feedback-chat": "./dist/cli/init.js"
   },
-  "files": ["dist"],
+  "files": ["dist", "README.md"],
   "scripts": {
     "build": "tsup && cp src/client/styles.css dist/styles.css",
     "dev": "tsup --watch",