viveworker 0.8.2 → 0.8.4

package/web/app.css

@@ -2755,6 +2755,39 @@ pre code {
   color: rgba(236, 248, 255, 0.66);
 }
 
+.timeline-entry--activity {
+  cursor: default;
+  border-color: rgba(121, 196, 255, 0.18);
+  background:
+    linear-gradient(180deg, rgba(121, 196, 255, 0.11), rgba(20, 31, 40, 0.94)),
+    var(--card);
+}
+
+.timeline-entry__activity-pulse {
+  width: 0.58rem;
+  height: 0.58rem;
+  flex: 0 0 auto;
+  border-radius: 999px;
+  background: rgba(121, 196, 255, 0.9);
+  box-shadow: 0 0 0 0 rgba(121, 196, 255, 0.26);
+  animation: timeline-activity-pulse 1.6s ease-out infinite;
+}
+
+@keyframes timeline-activity-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(121, 196, 255, 0.26);
+    opacity: 0.95;
+  }
+  70% {
+    box-shadow: 0 0 0 0.56rem rgba(121, 196, 255, 0);
+    opacity: 0.72;
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(121, 196, 255, 0);
+    opacity: 0.95;
+  }
+}
+
 .timeline-entry--message .timeline-entry__title {
   font-size: 1.03rem;
   line-height: 1.55;

package/web/app.js

@@ -43,6 +43,7 @@ const DETAIL_REFRESH_FALLBACK_TIMEOUT_MS = 2_500;
 const DETAIL_STICKY_LAN_PROBE_TIMEOUT_MS = 350;
 const COMPLETION_REPLY_SEND_TIMEOUT_MS = 22_000;
 const COMPLETION_REPLY_OPTIMISTIC_SENT_MS = 1_600;
+const LAN_FETCH_TIMEOUT_MESSAGE = "LAN fetch timed out";
 const TIMELINE_REFRESH_TIMEOUT_MS = 8_000;
 const TIMELINE_POLL_TIMEOUT_MS = 4_500;
 const FAST_POLL_STEP_TIMEOUT_MS = 4_500;
@@ -897,7 +898,7 @@ async function forceAppRefreshFromLan() {
       const keys = await caches.keys();
       await Promise.all(
         keys
-          .filter((key) => /^viveworker-v/.test(key))
+          .filter((key) => /^viveworker-/u.test(key))
           .map((key) => caches.delete(key))
       );
     }
@@ -1930,17 +1931,26 @@ function currentTimelineKindFilterOption() {
 
 function timelineEntryMatchesKindFilter(entry, filterId) {
   const kind = normalizeClientText(entry?.kind || entry?.item?.kind || "");
+  const fileEventType = normalizeClientText(entry?.fileEventType || entry?.item?.fileEventType || "");
+  const activityPhase = normalizeClientText(entry?.activityPhase || entry?.item?.activityPhase || "");
   switch (filterId) {
     case "messages":
-      return TIMELINE_MESSAGE_KINDS.has(kind);
+      return TIMELINE_MESSAGE_KINDS.has(kind) || (kind === "activity_status" && activityPhase === "thinking");
     case "suggestions":
       return kind === "ambient_suggestions";
     case "files":
-      return kind === "file_event";
+      return (
+        (kind === "file_event" && fileEventType !== "git") ||
+        (kind === "activity_status" && ["reading", "searching", "editing"].includes(activityPhase))
+      );
     case "commands":
-      return kind === "command_event";
+      return (
+        kind === "command_event" ||
+        (kind === "file_event" && fileEventType === "git") ||
+        (kind === "activity_status" && activityPhase === "running_command")
+      );
     case "approvals":
-      return kind === "approval";
+      return kind === "approval" || (kind === "activity_status" && activityPhase === "awaiting_approval");
     case "plans":
       return kind === "plan" || kind === "plan_ready";
     case "choices":
@@ -2746,6 +2756,11 @@ function completionReplyWarningMatchesSentText(error, text, attachmentCount = 0)
   return Boolean(warningText && sentText && warningText === sentText);
 }
 
+function isCompletionReplyLateNetworkResult(error) {
+  return error?.errorKey === "request-timeout" ||
+    error?.message === LAN_FETCH_TIMEOUT_MESSAGE;
+}
+
 function normalizeCompletionReplyAttachments(values) {
   const rawValues = Array.isArray(values)
     ? values
@@ -3773,6 +3788,7 @@ function renderTimelineEntry(entry, { desktop }) {
   const isMessageLike = TIMELINE_MESSAGE_KINDS.has(item.kind) || isMoltbookOrA2A;
   const isFileEvent = item.kind === "file_event";
   const isCommandEvent = item.kind === "command_event";
+  const isActivityStatus = item.kind === "activity_status";
   const imageUrls = Array.isArray(item.imageUrls) ? item.imageUrls.filter(Boolean) : [];
   const fileRefs = normalizeClientFileRefs(item.fileRefs);
   const primaryText = timelineEntryPrimaryText(item, entry.status, { isMessageLike, isFileEvent, isCommandEvent });
@@ -3783,13 +3799,15 @@ function renderTimelineEntry(entry, { desktop }) {
   const fileEventFileSummary = isFileEvent ? timelineFileEventFileSummary(item) : "";
   const fileEventDiffStatsHtml = isFileEvent ? renderDiffEntryStatsHtml(item) : "";
   const toolEventCommand = timelineToolEventCommand(item);
+  const tagName = isActivityStatus ? "div" : "button";
+  const openAttrs = isActivityStatus
+    ? `role="status" aria-live="polite"`
+    : `data-open-item-kind="${escapeHtml(item.kind)}" data-open-item-token="${escapeHtml(item.token)}" data-source-tab="timeline"`;
 
   return `
-    <button
-      class="timeline-entry timeline-entry--${kindClassName} timeline-entry--kind-${kindNameClass} ${isMessageLike ? "timeline-entry--message" : "timeline-entry--operational"}"
-      data-open-item-kind="${escapeHtml(item.kind)}"
-      data-open-item-token="${escapeHtml(item.token)}"
-      data-source-tab="timeline"
+    <${tagName}
+      class="timeline-entry timeline-entry--${kindClassName} timeline-entry--kind-${kindNameClass} ${isMessageLike ? "timeline-entry--message" : "timeline-entry--operational"} ${isActivityStatus ? "timeline-entry--activity" : ""}"
+      ${openAttrs}
     >
       <div class="timeline-entry__meta">
         <span class="timeline-entry__kind">
@@ -3799,7 +3817,7 @@ function renderTimelineEntry(entry, { desktop }) {
         </span>
         <span class="timeline-entry__meta-right">
           <span class="timeline-entry__time">${escapeHtml(timestampLabel)}</span>
-          <span class="timeline-entry__chevron" aria-hidden="true">${renderIcon("chevron-right")}</span>
+          ${isActivityStatus ? `<span class="timeline-entry__activity-pulse" aria-hidden="true"></span>` : `<span class="timeline-entry__chevron" aria-hidden="true">${renderIcon("chevron-right")}</span>`}
         </span>
       </div>
       ${threadLabel ? `<p class="timeline-entry__thread">${escapeHtml(threadLabel)}</p>` : ""}
@@ -3821,7 +3839,7 @@ function renderTimelineEntry(entry, { desktop }) {
         ${isFileEvent ? "" : renderTimelineEntryFileStrip(fileRefs)}
       </div>
       ${statusLabel ? `<div class="timeline-entry__footer"><span class="timeline-entry__status">${escapeHtml(statusLabel)}</span></div>` : ""}
-    </button>
+    </${tagName}>
   `;
 }
 
@@ -4059,10 +4077,13 @@ function shouldRenderFileEventCommand(item) {
   if (item?.kind !== "file_event") {
     return false;
   }
-  return ["read", "search"].includes(normalizeClientText(item?.fileEventType || ""));
+  return ["read", "search", "git"].includes(normalizeClientText(item?.fileEventType || ""));
 }
 
 function timelineToolEventCommand(item) {
+  if (item?.kind === "activity_status") {
+    return truncateUiText(item?.commandText || "", 220);
+  }
   if (item?.kind === "command_event") {
     return timelineCommandEventCommand(item);
   }
@@ -4078,6 +4099,8 @@ function fileEventDisplayLabel(fileEventType) {
       return L("fileEvent.read");
     case "search":
       return L("fileEvent.search");
+    case "git":
+      return L("fileEvent.command");
     case "command":
       return L("fileEvent.command");
     case "write":
@@ -4095,15 +4118,24 @@ function fileEventDisplayLabel(fileEventType) {
 
 function fileEventTimelineCountLabel(item) {
   const fileEventType = normalizeClientText(item?.fileEventType || "");
-  const count = normalizeClientFileRefs(item?.fileRefs).length;
+  const fileRefs = normalizeClientFileRefs(item?.fileRefs);
+  const count = fileRefs.length;
   if (count <= 0) {
     return fileEventDisplayLabel(fileEventType) || L("common.fileEvent");
   }
   switch (fileEventType) {
     case "read":
+      if (count === 1) {
+        return L("fileEvent.read");
+      }
       return L("fileEvent.timeline.read", { count });
     case "search":
+      if (count === 1) {
+        return L("fileEvent.search");
+      }
       return L("fileEvent.timeline.search", { count });
+    case "git":
+      return L("fileEvent.timeline.command", { count });
     case "command":
       return L("fileEvent.timeline.command", { count });
     case "write":
@@ -5448,20 +5480,29 @@ function recentAutoPilotEntries(limit = 5) {
 }
 
 function isAutoPilotApprovalEntry(entry) {
+  const mode = normalizeClientText(entry?.autoPilotMode || "");
   const stableId = normalizeClientText(entry?.stableId || "");
   return (
     normalizeClientText(entry?.kind || "") === "approval" &&
     normalizeClientText(entry?.outcome || "") === "approved" &&
-    (stableId.endsWith(":autopilot") || stableId.includes(":autopilot-write"))
+    (mode === "read" || mode === "write" || stableId.endsWith(":autopilot") || stableId.includes(":autopilot-write"))
   );
 }
 
 function autoPilotEntryMode(item) {
+  const mode = normalizeClientText(item?.autoPilotMode || "");
+  if (mode === "read" || mode === "write") {
+    return mode;
+  }
   const stableId = normalizeClientText(item?.stableId || "");
   return stableId.includes(":autopilot-write") ? "write" : "read";
 }
 
 function autoPilotEntryWriteLane(item) {
+  const projected = normalizeClientText(item?.autoPilotWriteLane || "");
+  if (projected) {
+    return projected;
+  }
   const stableId = normalizeClientText(item?.stableId || "");
   const match = stableId.match(/:autopilot-write:([a-z_-]+)$/u);
   return normalizeClientText(match?.[1] || "");
@@ -7627,7 +7668,7 @@ function renderMoltbookDraftComposer(detail, options = {}) {
     ? `
       <div class="actions actions--stack${options.mobile ? " actions--sticky" : ""}">
         <button type="submit" data-action="approve" class="primary primary--wide">${escapeHtml(approveLabel)}</button>
-        <button type="submit" data-action="deny" class="danger danger--wide">Deny</button>
+        <button type="submit" data-action="deny" class="danger danger--wide">${escapeHtml(L("moltbook.draft.deny"))}</button>
       </div>
     `
     : `<p class="muted reply-composer__description">${escapeHtml(L("moltbook.draft.resolved"))}</p>`;
@@ -8800,7 +8841,7 @@ function bindShellInteractions() {
             buildActionOutcomeDetail({
               kind: "approval",
               title: state.currentDetail?.title,
-              message: approvalOutcomeMessage(actionUrl, activeItem?.provider),
+              message: approvalOutcomeMessage(actionUrl, state.currentDetail?.provider || activeItem?.provider),
             })
           );
           await renderShell();
@@ -9712,7 +9753,9 @@ for (const button of document.querySelectorAll("[data-wallet-address-copy]")) {
         labelCache.set(btn, btn.innerHTML);
         btn.disabled = true;
         if (btn.dataset.action === submittedAction) {
-          btn.innerHTML = submittedAction === "approve" ? "送信中…" : "処理中…";
+          btn.innerHTML = submittedAction === "approve"
+            ? escapeHtml(L("moltbook.draft.submittingApprove"))
+            : escapeHtml(L("moltbook.draft.submittingDeny"));
           btn.classList.add("is-loading");
         } else {
           btn.classList.add("is-dimmed");
@@ -9990,7 +10033,7 @@ for (const button of document.querySelectorAll("[data-wallet-address-copy]")) {
       } catch (error) {
         const optimisticDraft = getCompletionReplyDraft(token);
         if (
-          error.errorKey === "request-timeout" &&
+          isCompletionReplyLateNetworkResult(error) &&
           optimisticDraft.collapsedAfterSend &&
           optimisticDraft.sentText === text
         ) {
@@ -10582,6 +10625,8 @@ function kindMeta(kind, item) {
       return { label: L("common.assistantCommentary"), tone: "plan", icon: "assistant-commentary" };
     case "assistant_final":
       return { label: L("common.assistantFinal"), tone: "completion", icon: "assistant-final" };
+    case "activity_status":
+      return { label: L("server.title.activityStatus"), tone: "plan", icon: activityStatusIcon(item?.activityPhase) };
     case "ambient_suggestions":
       return { label: L("common.ambientSuggestions"), tone: "neutral", icon: "suggestions" };
     case "approval":
@@ -10596,6 +10641,9 @@ function kindMeta(kind, item) {
     case "diff_thread":
       return { label: L("common.diff"), tone: "neutral", icon: "diff" };
     case "file_event":
+      if (normalizeClientText(item?.fileEventType || "") === "git") {
+        return { label: L("common.commandEvent"), tone: "neutral", icon: "command" };
+      }
       return { label: L("common.fileEvent"), tone: "neutral", icon: "file-event" };
     case "command_event":
       return { label: L("common.commandEvent"), tone: "neutral", icon: "command" };
@@ -10616,6 +10664,24 @@ function kindMeta(kind, item) {
   }
 }
 
+function activityStatusIcon(phase) {
+  switch (normalizeClientText(phase || "")) {
+    case "reading":
+      return "file-event";
+    case "searching":
+      return "filter";
+    case "editing":
+      return "diff";
+    case "running_command":
+      return "command";
+    case "awaiting_approval":
+      return "approval";
+    case "thinking":
+    default:
+      return "pending";
+  }
+}
+
 function renderTypePillContent(kindInfo) {
   return `
     <span class="type-pill__icon" aria-hidden="true">${renderIcon(kindInfo.icon)}</span>
@@ -11444,6 +11510,7 @@ function localizeApiError(value) {
     "completion-reply-image-limit": "error.completionReplyImageLimit",
     "completion-reply-image-invalid-upload": "error.completionReplyImageInvalidUpload",
     "codex-ipc-not-connected": "error.codexIpcNotConnected",
+    "codex-client-not-found": "error.codexClientNotFound",
     "approval-not-found": "error.approvalNotFound",
     "approval-already-handled": "error.approvalAlreadyHandled",
     "plan-request-not-found": "error.planRequestNotFound",

package/web/build-id.js

@@ -1 +1 @@
-export const APP_BUILD_ID = "20260505-command-event-fast-approval-v1";
+export const APP_BUILD_ID = "20260514-lan-timeout-reply-ack";

package/web/i18n.js

@@ -463,7 +463,7 @@ const translations = {
     "settings.row.defaultLanguage": "Setup default",
     "settings.moltbook.title": "Moltbook",
     "settings.moltbook.subtitle": "Auto-scout & notifications",
-    "settings.moltbook.copy": "View your daily auto-scout posting status and quota.",
+    "settings.moltbook.copy": "View incoming reply drafts, feed scouting, and today's posting quota.",
     "settings.moltbook.unavailable": "Moltbook is not configured.",
     "settings.row.moltbookAccount": "Profile",
     "settings.row.moltbookQuota": "Replies today",
@@ -484,6 +484,9 @@ const translations = {
     "moltbook.draft.titleLabel": "Title",
     "moltbook.draft.approvePost": "Approve & publish",
     "moltbook.draft.approveReply": "Approve & post",
+    "moltbook.draft.deny": "Deny",
+    "moltbook.draft.submittingApprove": "Publishing...",
+    "moltbook.draft.submittingDeny": "Denying...",
     "moltbook.draft.editHint": "Edit if needed, then approve to publish or deny to skip.",
     "moltbook.draft.resolved": "This draft has already been resolved.",
     "moltbook.draft.greetMorning": "Good morning! Share yesterday's highlights?",
@@ -755,6 +758,7 @@ const translations = {
     "error.completionReplyImageLimit": "Attach up to {count} images at a time.",
     "error.completionReplyImageInvalidUpload": "That image could not be uploaded.",
     "error.codexIpcNotConnected": "Codex desktop is not connected right now.",
+    "error.codexClientNotFound": "Codex changed its active client. Reopen the thread on your PC and try again.",
     "error.approvalNotFound": "This approval is no longer available.",
     "error.approvalAlreadyHandled": "This approval was already handled.",
     "error.planRequestNotFound": "This plan request is no longer available.",
@@ -780,6 +784,7 @@ const translations = {
     "server.title.userMessage": "User",
     "server.title.assistantCommentary": "Update",
     "server.title.assistantFinal": "Final reply",
+    "server.title.activityStatus": "Working",
     "server.title.ambientSuggestions": "Suggested next steps",
     "server.title.threadShare": "Thread Share",
     "server.action.review": "Review",
@@ -814,6 +819,13 @@ const translations = {
     "server.message.choiceSummarySubmitted": "Selected answers sent.",
     "server.message.choiceSummaryReceivedTest": "Test answers received.",
     "server.message.questionAnswered": "Your answer was sent to {provider}.",
+    "server.activity.thinking": "Thinking...",
+    "server.activity.reading": "Reading files...",
+    "server.activity.searching": "Searching...",
+    "server.activity.editing": "Editing...",
+    "server.activity.runningCommand": "Running command...",
+    "server.activity.awaitingApproval": "Waiting for approval...",
+    "server.activity.working": "Working...",
     "claudePlan.title": "Plan from {provider}",
     "claudePlan.approve": "Approve plan",
     "claudePlan.reject": "Reject plan",
@@ -1529,7 +1541,7 @@ const translations = {
     "settings.row.defaultLanguage": "setup 時の既定値",
     "settings.moltbook.title": "Moltbook",
     "settings.moltbook.subtitle": "自動スカウト・通知連携",
-    "settings.moltbook.copy": "本日の自動スカウト投稿状況と上限を確認できます。",
+    "settings.moltbook.copy": "自分宛コメントの返信案、フィード巡回、本日の投稿上限を確認できます。",
     "settings.moltbook.unavailable": "Moltbook が設定されていません。",
     "settings.row.moltbookAccount": "プロフィール",
     "settings.row.moltbookQuota": "本日の返信数",
@@ -1550,6 +1562,9 @@ const translations = {
     "moltbook.draft.titleLabel": "タイトル",
     "moltbook.draft.approvePost": "承認して投稿",
     "moltbook.draft.approveReply": "承認して返信",
+    "moltbook.draft.deny": "拒否",
+    "moltbook.draft.submittingApprove": "投稿中…",
+    "moltbook.draft.submittingDeny": "拒否中…",
     "moltbook.draft.editHint": "必要に応じて編集し、承認して投稿するか、拒否してスキップします。",
     "moltbook.draft.resolved": "このドラフトは既に処理済みです。",
     "moltbook.draft.greetMorning": "おはようございます！昨日の成果をシェアしませんか？",
@@ -1821,6 +1836,7 @@ const translations = {
     "error.completionReplyImageLimit": "画像は最大 {count} 枚まで添付できます。",
     "error.completionReplyImageInvalidUpload": "この画像はアップロードできませんでした。",
     "error.codexIpcNotConnected": "いまは Codex desktop に接続できていません。",
+    "error.codexClientNotFound": "Codex 側の接続先が切り替わりました。PC で対象スレッドを開き直して、もう一度送信してください。",
     "error.approvalNotFound": "この承認はもう利用できません。",
     "error.approvalAlreadyHandled": "この承認はすでに処理済みです。",
     "error.planRequestNotFound": "このプラン確認はもう利用できません。",
@@ -1846,6 +1862,7 @@ const translations = {
     "server.title.userMessage": "ユーザー",
     "server.title.assistantCommentary": "途中経過",
     "server.title.assistantFinal": "最終回答",
+    "server.title.activityStatus": "作業中",
     "server.title.ambientSuggestions": "次の候補",
     "server.title.threadShare": "スレッド共有",
     "server.action.review": "判断する",
@@ -1880,6 +1897,13 @@ const translations = {
     "server.message.choiceSummarySubmitted": "選択内容を送信しました。",
     "server.message.choiceSummaryReceivedTest": "テスト回答を受信しました。",
     "server.message.questionAnswered": "回答を {provider} に送信しました。",
+    "server.activity.thinking": "考え中...",
+    "server.activity.reading": "ファイルを読んでいます...",
+    "server.activity.searching": "検索しています...",
+    "server.activity.editing": "編集中...",
+    "server.activity.runningCommand": "コマンドを実行中...",
+    "server.activity.awaitingApproval": "承認待ち...",
+    "server.activity.working": "作業中...",
     "claudePlan.title": "{provider} からのプラン",
     "claudePlan.approve": "プランを承認",
     "claudePlan.reject": "プランを却下",