@hienlh/ppm 0.18.5 → 0.18.7

package/src/web/app.tsx

@@ -44,6 +44,9 @@ import { cn } from "@/lib/utils";
 const MobileExplorerSheet = lazy(() =>
   import("@/components/os-explorer/mobile/mobile-explorer-sheet").then((m) => ({ default: m.MobileExplorerSheet })),
 );
+const TeamMemberSheet = lazy(() =>
+  import("@/components/chat/team-member-sheet").then((m) => ({ default: m.TeamMemberSheet })),
+);
 
 type AuthState = "checking" | "authenticated" | "unauthenticated";
 
@@ -348,6 +351,11 @@ export function App() {
           <MobileExplorerSheet />
         </Suspense>
 
+        {/* Mobile stand-in for the team-member window, which WindowLayer never renders below md */}
+        <Suspense fallback={null}>
+          <TeamMemberSheet />
+        </Suspense>
+
         {/* Global bug report popup */}
         <BugReportPopup />
 

package/src/web/components/chat/chat-tab.tsx

@@ -12,6 +12,8 @@ import { openBugReportPopup } from "@/lib/report-bug";
 import { getAISettings } from "@/lib/api-settings";
 import { MessageList } from "./message-list";
 import { BackgroundCommandBar } from "./background-command-bar";
+import { TeamWorkingBar } from "./team-working-bar";
+import { useTeamActivityFeed } from "@/hooks/use-team-activity-feed";
 import { MessageInput, type ChatAttachment, type MessagePriority } from "./message-input";
 import { SlashCommandPicker, type SlashItem } from "./slash-command-picker";
 import { FilePicker } from "./file-picker";
@@ -131,6 +133,12 @@ export function ChatTab({ metadata, tabId }: ChatTabProps) {
     killBackgroundShell,
   } = useChat(sessionId, providerId, projectName);
 
+  // Teammates keep working long after their spawn card scrolled away — a resume
+  // arrives by SendMessage and writes no card at all. Poll the roster whenever this
+  // session has a team so the working bar below the conversation stays truthful.
+  const primaryTeam = teamActivity?.teamNames?.[0] ?? "";
+  const { members: teamMembers } = useTeamActivityFeed(primaryTeam, !!primaryTeam);
+
   // Flush pending message once WS connects (replaces unreliable setTimeout)
   useEffect(() => {
     if (isConnected && pendingSendRef.current) {
@@ -627,6 +635,9 @@ export function ChatTab({ metadata, tabId }: ChatTabProps) {
         bashPartialOutput={bashPartialOutput}
       />
 
+      {/* Teammates still working — pinned here so it is the last thing under the conversation */}
+      <TeamWorkingBar teamName={primaryTeam} members={teamMembers} projectName={projectName} />
+
       {/* Bottom toolbar */}
       <div className="border-t border-border bg-panel shrink-0">
         {/* Unified toolbar: History, Config, Usage, Bug report, Connection */}

package/src/web/components/chat/team-activity-panel.tsx

@@ -11,7 +11,7 @@ import { RefreshCw } from "lucide-react";
 import { cn } from "@/lib/utils";
 import type { TeamMessageItem } from "@/hooks/use-chat";
 import { useTeamActivityFeed } from "@/hooks/use-team-activity-feed";
-import { useWindowStore } from "@/components/floating-window/window-store";
+import { useOpenTeamMember } from "./use-open-team-member";
 import { usePrefersCoarsePointer } from "@/components/os-explorer/use-coarse-long-press";
 import { TeamMemberList } from "./team-member-list";
 import { TeamMessageList } from "./team-message-list";
@@ -35,7 +35,7 @@ function teamLabel(name: string, sessionId?: string | null): string {
 export function TeamActivityPanel({ teamNames, messages, sessionId, projectName }: TeamActivityPanelProps) {
   const [selectedTeam, setSelectedTeam] = useState(teamNames[0] ?? "");
   const [tab, setTab] = useState<TeamTab>("members");
-  const openWindow = useWindowStore((s) => s.open);
+  const openMember = useOpenTeamMember();
   // Touch needs the 44px minimum even at desktop width; a mouse does not.
   const coarse = usePrefersCoarsePointer();
 
@@ -51,9 +51,9 @@ export function TeamActivityPanel({ teamNames, messages, sessionId, projectName
 
   const openMemberSession = useCallback(
     (memberName: string) => {
-      openWindow("team-member", { teamName: selectedTeam, memberName, projectName });
+      openMember({ teamName: selectedTeam, memberName, projectName });
     },
-    [openWindow, selectedTeam, projectName],
+    [openMember, selectedTeam, projectName],
   );
 
   /**

package/src/web/components/chat/team-member-activity-format.ts

@@ -0,0 +1,38 @@
+/**
+ * Formatting shared by every surface that shows a teammate's activity — the roster
+ * row in the team panel and the working bar pinned under the conversation.
+ *
+ * Kept apart from the components so both read the same answer to "who is this and
+ * what is it doing right now" instead of drifting into two phrasings.
+ */
+
+import type { TeamMemberActivity } from "@/hooks/use-team-activity-feed";
+
+/** Trailing agent-type segment — `ak-engineer:tester` reads as `tester`. */
+export function shortAgentType(agentType?: string): string | undefined {
+  if (!agentType) return undefined;
+  const tail = agentType.split(":").pop();
+  return tail && tail !== "general-purpose" ? tail : agentType;
+}
+
+/** `1h 4m` / `12m` / `45s` — compact enough for a dense row. */
+export function formatDuration(fromIso?: string, toIso?: string): string | undefined {
+  if (!fromIso) return undefined;
+  const from = new Date(fromIso).getTime();
+  const to = toIso ? new Date(toIso).getTime() : Date.now();
+  if (!Number.isFinite(from) || !Number.isFinite(to) || to < from) return undefined;
+  const totalSeconds = Math.floor((to - from) / 1000);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor((totalSeconds % 3600) / 60);
+  if (hours > 0) return `${hours}h ${minutes}m`;
+  if (minutes > 0) return `${minutes}m`;
+  return `${totalSeconds}s`;
+}
+
+/** Best one-line answer to "what is it doing" from the transcript tail. */
+export function currentStep(member: TeamMemberActivity): string | undefined {
+  if (member.lastTool) {
+    return member.lastToolArg ? `${member.lastTool}: ${member.lastToolArg}` : member.lastTool;
+  }
+  return member.lastNarrative ?? member.description;
+}

package/src/web/components/chat/team-member-activity-row.tsx

@@ -9,6 +9,7 @@
 import { Loader2, ChevronRight } from "lucide-react";
 import { cn } from "@/lib/utils";
 import type { TeamMemberActivity } from "@/hooks/use-team-activity-feed";
+import { currentStep, formatDuration, shortAgentType } from "./team-member-activity-format";
 
 interface TeamMemberActivityRowProps {
   member: TeamMemberActivity;
@@ -22,35 +23,6 @@ const STATE_LABEL: Record<string, string> = {
   "no-transcript": "no session",
 };
 
-/** Trailing agent-type segment — `ak-engineer:tester` reads as `tester`. */
-function shortAgentType(agentType?: string): string | undefined {
-  if (!agentType) return undefined;
-  const tail = agentType.split(":").pop();
-  return tail && tail !== "general-purpose" ? tail : agentType;
-}
-
-/** `1h 4m` / `12m` / `45s` — compact enough for a dense row. */
-export function formatDuration(fromIso?: string, toIso?: string): string | undefined {
-  if (!fromIso) return undefined;
-  const from = new Date(fromIso).getTime();
-  const to = toIso ? new Date(toIso).getTime() : Date.now();
-  if (!Number.isFinite(from) || !Number.isFinite(to) || to < from) return undefined;
-  const totalSeconds = Math.floor((to - from) / 1000);
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor((totalSeconds % 3600) / 60);
-  if (hours > 0) return `${hours}h ${minutes}m`;
-  if (minutes > 0) return `${minutes}m`;
-  return `${totalSeconds}s`;
-}
-
-/** Best one-line answer to "what is it doing" from the transcript tail. */
-function currentStep(member: TeamMemberActivity): string | undefined {
-  if (member.lastTool) {
-    return member.lastToolArg ? `${member.lastTool}: ${member.lastToolArg}` : member.lastTool;
-  }
-  return member.lastNarrative ?? member.description;
-}
-
 export function TeamMemberActivityRow({ member, onOpen }: TeamMemberActivityRowProps) {
   const working = member.workState === "working";
   const step = currentStep(member);

package/src/web/components/chat/team-member-sheet.tsx

@@ -0,0 +1,47 @@
+/**
+ * Full-screen mobile presentation of a teammate's work session.
+ *
+ * Hosts the same content component the desktop floating window uses, so the steps,
+ * refresh and error states are shared code rather than a parallel mobile build.
+ * Self-gated singleton, mounted once at the app root beside the other overlays.
+ */
+
+import { lazy, Suspense } from "react";
+import { X } from "lucide-react";
+import { BottomSheet } from "@/components/ui/mobile-bottom-sheet";
+import { useTeamMemberSheet } from "./use-open-team-member";
+
+const TeamMemberWindowContent = lazy(() => import("./team-member-window-content"));
+
+export function TeamMemberSheet() {
+  const payload = useTeamMemberSheet((s) => s.payload);
+  const close = useTeamMemberSheet((s) => s.close);
+  if (!payload) return null;
+
+  return (
+    <BottomSheet open onClose={close} zIndex={45} className="flex h-[var(--sheet-vh)] flex-col p-0">
+      <div className="flex items-center gap-2 border-b border-border px-3 py-2 shrink-0">
+        <span className="truncate text-sm font-medium text-text-primary">
+          Session — {payload.memberName}
+        </span>
+        <button
+          type="button"
+          onClick={close}
+          className="ml-auto flex size-11 items-center justify-center rounded text-text-secondary hover:text-text-primary"
+          aria-label="Close"
+        >
+          <X className="size-5" />
+        </button>
+      </div>
+      <div className="min-h-0 flex-1 overflow-auto">
+        <Suspense fallback={<div className="p-4 text-sm text-text-2">Loading…</div>}>
+          {/* No floating window backs this sheet, so the id is only an identity for the content. */}
+          <TeamMemberWindowContent
+            id={`sheet-${payload.memberName}`}
+            payload={payload as unknown as Record<string, unknown>}
+          />
+        </Suspense>
+      </div>
+    </BottomSheet>
+  );
+}

package/src/web/components/chat/team-working-bar.tsx

@@ -0,0 +1,62 @@
+/**
+ * Teammates working right now, pinned under the conversation.
+ *
+ * A teammate only appears in the transcript when it is *spawned*; every later task
+ * reaches it through SendMessage, which resumes the same agent and writes no new
+ * card. So after the first round the conversation goes quiet while members are
+ * still working, and the only way to notice was to open the team panel.
+ *
+ * This is deliberately a live overlay rather than chat events: work state is derived
+ * from transcripts on disk within a 90s window, so replaying an old session must show
+ * nothing here instead of claiming a long-finished teammate is still running.
+ */
+
+import { Users } from "lucide-react";
+import type { TeamMemberActivity } from "@/hooks/use-team-activity-feed";
+import { currentStep, formatDuration, shortAgentType } from "./team-member-activity-format";
+import { useOpenTeamMember } from "./use-open-team-member";
+
+interface TeamWorkingBarProps {
+  teamName: string;
+  members: TeamMemberActivity[];
+  projectName?: string;
+}
+
+export function TeamWorkingBar({ teamName, members, projectName }: TeamWorkingBarProps) {
+  const openMember = useOpenTeamMember();
+  const working = members.filter((m) => m.workState === "working");
+  if (!teamName || working.length === 0) return null;
+
+  return (
+    <div className="shrink-0 border-t border-border bg-surface-elevated/60 px-2 py-1.5 space-y-1">
+      {working.map((member) => {
+        const step = currentStep(member);
+        const elapsed = formatDuration(member.startedAt);
+        const agentType = shortAgentType(member.agentType);
+        return (
+          <button
+            key={member.name}
+            type="button"
+            onClick={() => openMember({ teamName, memberName: member.name, projectName })}
+            className="flex w-full items-center gap-2 rounded px-1 py-1.5 min-h-[36px] text-left text-xs hover:bg-surface transition-colors"
+            title={`Open ${member.name}'s work session`}
+          >
+            <span className="relative flex size-2 shrink-0">
+              <span className="absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-60" />
+              <span className="relative inline-flex size-2 rounded-full bg-emerald-500" />
+            </span>
+            <Users className="size-3.5 shrink-0 text-accent-2" />
+            <span className="font-medium text-text-primary shrink-0">{member.name}</span>
+            {!!agentType && <span className="text-text-3 shrink-0 hidden sm:inline">{agentType}</span>}
+            {!!step && (
+              <span className="flex-1 truncate text-text-subtle" title={step}>
+                {step}
+              </span>
+            )}
+            {!!elapsed && <span className="ml-auto shrink-0 text-text-3 font-mono">{elapsed}</span>}
+          </button>
+        );
+      })}
+    </div>
+  );
+}

package/src/web/components/chat/use-open-team-member.ts

@@ -0,0 +1,41 @@
+/**
+ * Opening a teammate's work session, on whichever presentation the device has.
+ *
+ * `WindowLayer` renders nothing below the `md` breakpoint, so `openWindow("team-member")`
+ * is a silent no-op on a phone — the tap looked broken. Desktop keeps the floating window;
+ * mobile gets the full-screen sheet, both hosting the same content component.
+ */
+
+import { useCallback } from "react";
+import { create } from "zustand";
+import { useIsMobile } from "@/hooks/use-is-mobile";
+import { useWindowStore } from "@/components/floating-window/window-store";
+import type { TeamMemberWindowPayload } from "./team-member-window-content";
+
+interface TeamMemberSheetState {
+  payload: TeamMemberWindowPayload | null;
+  open: (payload: TeamMemberWindowPayload) => void;
+  close: () => void;
+}
+
+/** Mobile-only: which teammate the full-screen sheet is showing, if any. */
+export const useTeamMemberSheet = create<TeamMemberSheetState>((set) => ({
+  payload: null,
+  open: (payload) => set({ payload }),
+  close: () => set({ payload: null }),
+}));
+
+/** Callback that opens a teammate's session the right way for this viewport. */
+export function useOpenTeamMember(): (payload: TeamMemberWindowPayload) => void {
+  const isMobile = useIsMobile();
+  const openWindow = useWindowStore((s) => s.open);
+  const openSheet = useTeamMemberSheet((s) => s.open);
+
+  return useCallback(
+    (payload: TeamMemberWindowPayload) => {
+      if (isMobile) openSheet(payload);
+      else openWindow("team-member", payload as unknown as Record<string, unknown>);
+    },
+    [isMobile, openSheet, openWindow],
+  );
+}

package/src/web/components/os-explorer/actions/explorer-actions-upload.ts

@@ -69,6 +69,12 @@ async function uploadResolvingCollisions(
   try {
     await fsApi.remove(destination, false);
   } catch (e) {
+    // The entry vanished between the collision and the confirmation — nothing to trash, and
+    // the upload below is exactly what the user asked for.
+    if (e instanceof FsError && e.code === "ENOENT") {
+      await uploadFileXhr(destination, entry.file, true, (p) => onProgress(p.loaded), signal);
+      return "done";
+    }
     if (!(e instanceof FsError) || e.code !== "NO_TRASH") throw e;
     // No trash backend on this host — ask before doing something permanent instead of
     // silently downgrading to it (mirrors `transfer()`'s own NO_TRASH handling).

package/dist/web/assets/architecture-PBZL5I3N-9f0Fi2Cw.js

@@ -1 +0,0 @@
-import{G as e}from"./vendor-mermaid-Dede75gn.js";export{e as createArchitectureServices};