@chrysb/alphaclaw 0.4.6-beta.2 → 0.4.6-beta.4

package/lib/public/css/explorer.css

@@ -1,9 +1,5 @@
 /* ── Browse/Explorer mode ─────────────────────── */
 
-.app-content.browse-mode {
-  padding: 0;
-}
-
 .sidebar-tabs {
   display: flex;
   align-items: center;
@@ -875,6 +871,10 @@
   align-items: flex-start;
 }
 
+.line-highlight-flash {
+  color: #4ade80 !important;
+}
+
 .file-viewer-editor {
   width: 100%;
   min-height: 0;
@@ -1608,7 +1608,4 @@
     display: none;
   }
 
-  .app-content.browse-mode {
-    padding: 0;
-  }
 }

package/lib/public/css/shell.css

@@ -47,12 +47,22 @@
 .app-content {
   grid-column: 3;
   grid-row: 2;
-  overflow-y: auto;
-  padding: 24px 32px;
+  overflow: hidden;
   position: relative;
   z-index: 1;
 }
 
+.app-content-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+  padding: 24px 32px;
+}
+
+.app-content-pane.browse-pane {
+  padding: 0;
+}
+
 /* ── Sidebar ───────────────────────────────────── */
 
 .app-sidebar {
@@ -312,6 +322,8 @@
   .app-content {
     grid-column: 1;
     grid-row: 2;
+  }
+  .app-content-pane {
     padding: 0 14px 12px;
   }
 

package/lib/public/css/theme.css

@@ -74,6 +74,10 @@ body::before {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.snippet-collapse-fade {
+  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 70%);
+}
+
 /* Shared inset panel for "surface on surface" layouts. */
 .ac-surface-inset {
   border: 1px solid var(--panel-border-contrast);

package/lib/public/js/app.js

@@ -477,6 +477,7 @@ const App = () => {
   const [openclawUpdateInProgress, setOpenclawUpdateInProgress] = useState(false);
   const menuRef = useRef(null);
   const routeHistoryRef = useRef([]);
+  const menuPaneRef = useRef(null);
   const sharedStatusPoll = usePolling(fetchStatus, statusPollCadenceMs, {
     enabled: onboarded === true,
   });
@@ -709,8 +710,12 @@ const App = () => {
       .map((segment) => encodeURIComponent(segment))
       .join("/");
     const baseRoute = encodedPath ? `/browse/${encodedPath}` : "/browse";
-    if (view === "diff" && encodedPath) return `${baseRoute}?view=diff`;
-    return baseRoute;
+    const params = new URLSearchParams();
+    if (view === "diff" && encodedPath) params.set("view", "diff");
+    if (options.line) params.set("line", String(options.line));
+    if (options.lineEnd) params.set("lineEnd", String(options.lineEnd));
+    const query = params.toString();
+    return query ? `${baseRoute}?${query}` : baseRoute;
   };
   const navigateToSubScreen = (screen) => {
     setLocation(`/${screen}`);
@@ -767,7 +772,7 @@ const App = () => {
     setLocation(`/${kDefaultUiTab}`);
     setMobileSidebarOpen(false);
   };
-  const handleAppContentScroll = (e) => {
+  const handlePaneScroll = (e) => {
     const nextScrolled = e.currentTarget.scrollTop > 0;
     setMobileTopbarScrolled((currentScrolled) =>
       currentScrolled === nextScrolled ? currentScrolled : nextScrolled,
@@ -820,11 +825,13 @@ const App = () => {
         .join("/")
     : "";
   const activeBrowsePath = browsePreviewPath || selectedBrowsePath;
+  const browseQueryParams = isBrowseRoute ? new URLSearchParams(browseRouteQuery) : null;
   const browseViewerMode =
-    !browsePreviewPath &&
-    new URLSearchParams(browseRouteQuery).get("view") === "diff"
+    !browsePreviewPath && browseQueryParams?.get("view") === "diff"
       ? "diff"
       : "edit";
+  const browseLineTarget = Number.parseInt(browseQueryParams?.get("line") || "", 10) || 0;
+  const browseLineEndTarget = Number.parseInt(browseQueryParams?.get("lineEnd") || "", 10) || 0;
   const selectedNavId = isBrowseRoute
     ? "browse"
     : location === "/telegram"
@@ -1017,33 +1024,18 @@ const App = () => {
         onclick=${() => setMobileSidebarOpen(false)}
       />
 
-      <div
-        class=${`app-content ${isBrowseRoute ? "browse-mode" : ""}`}
-        onscroll=${handleAppContentScroll}
-      >
-        <div class=${`mobile-topbar ${mobileTopbarScrolled ? "is-scrolled" : ""}`}>
-          <button
-            class="mobile-topbar-menu"
-            onclick=${() => setMobileSidebarOpen((open) => !open)}
-            aria-label="Open menu"
-            aria-expanded=${mobileSidebarOpen ? "true" : "false"}
-          >
-            <svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor">
-              <path
-                d="M2 3.75a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 3.75zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 8zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75a.75.75 0 01-.75-.75z"
-              />
-            </svg>
-          </button>
-          <span class="mobile-topbar-title">
-            <span style="color: var(--accent)">alpha</span>claw
-          </span>
-        </div>
-        <div class=${isBrowseRoute ? "w-full" : "max-w-2xl w-full mx-auto"}>
-          <div style=${{ display: isBrowseRoute ? "block" : "none" }}>
+      <div class="app-content">
+        <div
+          class="app-content-pane browse-pane"
+          style=${{ display: isBrowseRoute ? "block" : "none" }}
+        >
+          <div class="w-full">
             <${FileViewer}
               filePath=${activeBrowsePath}
               isPreviewOnly=${false}
               browseView=${browseViewerMode}
+              lineTarget=${browseLineTarget}
+              lineEndTarget=${browseLineEndTarget}
               onRequestEdit=${(targetPath) => {
                 const normalizedTargetPath = String(targetPath || "");
                 if (
@@ -1061,7 +1053,31 @@ const App = () => {
               }}
             />
           </div>
-          <div style=${{ display: isBrowseRoute ? "none" : "block" }}>
+        </div>
+        <div
+          class="app-content-pane"
+          ref=${menuPaneRef}
+          onscroll=${handlePaneScroll}
+          style=${{ display: isBrowseRoute ? "none" : "block" }}
+        >
+          <div class=${`mobile-topbar ${mobileTopbarScrolled ? "is-scrolled" : ""}`}>
+            <button
+              class="mobile-topbar-menu"
+              onclick=${() => setMobileSidebarOpen((open) => !open)}
+              aria-label="Open menu"
+              aria-expanded=${mobileSidebarOpen ? "true" : "false"}
+            >
+              <svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor">
+                <path
+                  d="M2 3.75a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 3.75zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75A.75.75 0 012 8zm0 4.25a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H2.75a.75.75 0 01-.75-.75z"
+                />
+              </svg>
+            </button>
+            <span class="mobile-topbar-title">
+              <span style="color: var(--accent)">alpha</span>claw
+            </span>
+          </div>
+          <div class="max-w-2xl w-full mx-auto">
             <div style=${{ display: location === "/general" ? "block" : "none" }}>
               <div class="pt-4">
                 <${GeneralTab}
@@ -1086,7 +1102,22 @@ const App = () => {
                 />
               </div>
             </div>
-            ${!isBrowseRoute && location !== "/general"
+            <div style=${{ display: location === "/doctor" ? "block" : "none" }}>
+              <div class="pt-4">
+                <${DoctorTab}
+                  isActive=${location === "/doctor"}
+                  onOpenFile=${(relativePath, options = {}) => {
+                    const browsePath = `workspace/${String(relativePath || "").trim().replace(/^workspace\//, "")}`;
+                    navigateToBrowseFile(browsePath, {
+                      view: "edit",
+                      ...(options.line ? { line: options.line } : {}),
+                      ...(options.lineEnd ? { lineEnd: options.lineEnd } : {}),
+                    });
+                  }}
+                />
+              </div>
+            </div>
+            ${!isBrowseRoute && location !== "/general" && location !== "/doctor"
               ? html`
                   <${Switch}>
                     <${Route} path="/telegram">
@@ -1136,13 +1167,6 @@ const App = () => {
                         />
                       </div>
                     </${Route}>
-                    <${Route} path="/doctor">
-                      <div class="pt-4">
-                        <${DoctorTab}
-                          isActive=${location === "/doctor"}
-                        />
-                      </div>
-                    </${Route}>
                     <${Route} path="/envars">
                       <div class="pt-4">
                         <${Envars} onRestartRequired=${setRestartRequired} />
@@ -1164,7 +1188,7 @@ const App = () => {
           </div>
         </div>
         <${ToastContainer}
-          className="fixed top-4 right-4 z-50 space-y-2 pointer-events-none"
+          className="fixed top-4 right-4 z-[60] space-y-2 pointer-events-none"
         />
       </div>
 

package/lib/public/js/components/doctor/findings-list.js

@@ -1,4 +1,5 @@
 import { h } from "https://esm.sh/preact";
+import { useState } from "https://esm.sh/preact/hooks";
 import htm from "https://esm.sh/htm";
 import { Badge } from "../badge.js";
 import { ActionButton } from "../action-button.js";
@@ -10,8 +11,159 @@ import {
 
 const html = htm.bind(h);
 
-const renderEvidenceLine = (item = {}) => {
-  if (item?.path) return item.path;
+const resolveTargetPath = (item) => {
+  if (!item) return null;
+  if (typeof item === "string") return { path: item };
+  if (typeof item === "object" && item.path) return item;
+  return null;
+};
+
+const formatPathLabel = (filePath, startLine, endLine) => {
+  if (startLine && endLine && endLine > startLine)
+    return `${filePath}:${startLine}-${endLine}`;
+  if (startLine) return `${filePath}:${startLine}`;
+  return filePath;
+};
+
+const buildLineOptions = (startLine, endLine) => {
+  const options = {};
+  if (startLine) options.line = startLine;
+  if (endLine && endLine > startLine) options.lineEnd = endLine;
+  return options;
+};
+
+const renderPathLink = (filePath, onOpenFile, { startLine, endLine } = {}) => {
+  const label = formatPathLabel(filePath, startLine, endLine);
+  return html`
+    <button
+      type="button"
+      class="text-left font-mono ac-tip-link hover:underline cursor-pointer"
+      onClick=${(e) => {
+        e.preventDefault();
+        onOpenFile(
+          String(filePath || ""),
+          buildLineOptions(startLine, endLine),
+        );
+      }}
+    >
+      ${label}
+    </button>
+  `;
+};
+
+const kSnippetCollapseThreshold = 7;
+
+const SnippetBlock = ({ item, onOpenFile, isOutdated }) => {
+  const snippet = item.snippet;
+  const allLines = String(snippet.text || "").split("\n");
+  const isCollapsible = allLines.length > kSnippetCollapseThreshold;
+  const [expanded, setExpanded] = useState(!isCollapsible);
+  const visibleLines = expanded
+    ? allLines
+    : allLines.slice(0, kSnippetCollapseThreshold);
+  const gutterWidth = String(snippet.endLine || snippet.startLine || 1).length;
+  return html`
+    <div class="mt-1.5 rounded-lg border border-border overflow-hidden">
+      <div
+        class="flex items-center justify-between px-3 py-1.5 bg-black/30 border-b border-border"
+      >
+        <button
+          type="button"
+          class="text-[11px] font-mono ac-tip-link hover:underline cursor-pointer"
+          onClick=${(e) => {
+            e.preventDefault();
+            onOpenFile(
+              String(item.path || ""),
+              buildLineOptions(item.startLine, item.endLine),
+            );
+          }}
+        >
+          ${formatPathLabel(item.path, item.startLine, item.endLine)}
+        </button>
+        ${isOutdated
+          ? html`<span class="text-[10px] text-yellow-500/80"
+              >file changed since scan</span
+            >`
+          : html`<span class="text-[10px] text-gray-600">snapshot</span>`}
+      </div>
+      <div class="relative">
+        <div
+          class="px-3 py-2 text-[11px] leading-[18px] font-mono text-gray-300 bg-black/20"
+          style="white-space:pre-wrap;word-break:break-word"
+        >
+          ${visibleLines.map(
+            (line, index) => html`
+              <div class="flex">
+                <span
+                  class="text-gray-600 select-none shrink-0"
+                  style="width:${gutterWidth +
+                  1}ch;text-align:right;margin-right:1ch"
+                  >${snippet.startLine + index}</span
+                ><span>${line || " "}</span>
+              </div>
+            `,
+          )}
+          ${expanded && snippet.truncated
+            ? html`<div class="text-gray-600 italic pl-1">... truncated</div>`
+            : ""}
+        </div>
+        ${isCollapsible && !expanded
+          ? html`
+              <button
+                type="button"
+                class="absolute inset-x-0 bottom-0 flex items-end justify-center pb-2 pt-10 cursor-pointer snippet-collapse-fade"
+                onClick=${() => setExpanded(true)}
+              >
+                <span
+                  class="text-[10px] text-gray-500 hover:text-white flex items-center gap-1 transition-colors"
+                >
+                  <span
+                    class="inline-block text-xs transition-transform"
+                    aria-hidden="true"
+                    >▾</span
+                  >
+                  ${allLines.length} lines
+                </span>
+              </button>
+            `
+          : null}
+        ${isCollapsible && expanded
+          ? html`
+              <button
+                type="button"
+                class="w-full flex items-center justify-center py-1 cursor-pointer bg-black/20 border-t border-border"
+                onClick=${() => setExpanded(false)}
+              >
+                <span class="text-[10px] text-gray-500 flex items-center gap-1">
+                  <span
+                    class="inline-block transition-transform"
+                    aria-hidden="true"
+                    >▴</span
+                  >
+                  collapse
+                </span>
+              </button>
+            `
+          : null}
+      </div>
+    </div>
+  `;
+};
+
+const renderEvidenceLine = (item = {}, onOpenFile, changedPathsSet) => {
+  if (item?.path && item?.snippet) {
+    const isOutdated = changedPathsSet.has(item.path);
+    return html`<${SnippetBlock}
+      item=${item}
+      onOpenFile=${onOpenFile}
+      isOutdated=${isOutdated}
+    />`;
+  }
+  if (item?.path)
+    return renderPathLink(item.path, onOpenFile, {
+      startLine: item.startLine,
+      endLine: item.endLine,
+    });
   if (item?.text) return item.text;
   return JSON.stringify(item);
 };
@@ -21,9 +173,12 @@ export const DoctorFindingsList = ({
   busyCardId = 0,
   onAskAgentFix = () => {},
   onUpdateStatus = () => {},
+  onOpenFile = () => {},
+  changedPaths = [],
   showRunMeta = false,
   hideEmptyState = false,
 }) => {
+  const changedPathsSet = new Set(changedPaths);
   return html`
     <div class="space-y-4">
       ${cards.length
@@ -98,15 +253,34 @@ export const DoctorFindingsList = ({
                                     Target paths
                                   </div>
                                   <div class="mt-1 flex flex-wrap gap-1.5">
-                                    ${card.targetPaths.map(
-                                      (targetPath) => html`
-                                        <span
-                                          class="text-[11px] px-2 py-1 rounded-md bg-black/30 border border-border font-mono text-gray-300"
+                                    ${card.targetPaths.map((rawItem) => {
+                                      const resolved =
+                                        resolveTargetPath(rawItem);
+                                      if (!resolved) return null;
+                                      const label = formatPathLabel(
+                                        resolved.path,
+                                        resolved.startLine,
+                                        resolved.endLine,
+                                      );
+                                      return html`
+                                        <button
+                                          type="button"
+                                          class="text-[11px] px-2 py-1 rounded-md bg-black/30 border border-border font-mono text-gray-200 hover:text-white hover:border-gray-500 cursor-pointer transition-colors"
+                                          onClick=${(e) => {
+                                            e.preventDefault();
+                                            onOpenFile(
+                                              String(resolved.path || ""),
+                                              buildLineOptions(
+                                                resolved.startLine,
+                                                resolved.endLine,
+                                              ),
+                                            );
+                                          }}
                                         >
-                                          ${targetPath}
-                                        </span>
-                                      `,
-                                    )}
+                                          ${label}
+                                        </button>
+                                      `;
+                                    })}
                                   </div>
                                 </div>
                               `
@@ -117,11 +291,15 @@ export const DoctorFindingsList = ({
                             ? html`
                                 <div>
                                   <div class="ac-small-heading">Evidence</div>
-                                  <div class="mt-1 space-y-1">
+                                  <div class="mt-1 space-y-2">
                                     ${card.evidence.map(
                                       (item) => html`
                                         <div class="text-xs text-gray-400">
-                                          ${renderEvidenceLine(item)}
+                                          ${renderEvidenceLine(
+                                            item,
+                                            onOpenFile,
+                                            changedPathsSet,
+                                          )}
                                         </div>
                                       `,
                                     )}

package/lib/public/js/components/doctor/fix-card-modal.js

@@ -3,13 +3,8 @@ import { useEffect, useState } from "https://esm.sh/preact/hooks";
 import htm from "https://esm.sh/htm";
 import { ModalShell } from "../modal-shell.js";
 import { ActionButton } from "../action-button.js";
-import { Badge } from "../badge.js";
-import {
-  sendDoctorCardFix,
-  updateDoctorCardStatus,
-} from "../../lib/api.js";
+import { sendDoctorCardFix, updateDoctorCardStatus } from "../../lib/api.js";
 import { showToast } from "../toast.js";
-import { getDoctorPriorityTone } from "./helpers.js";
 import { useAgentSessions } from "../../hooks/useAgentSessions.js";
 
 const html = htm.bind(h);
@@ -50,10 +45,14 @@ export const DoctorFixCardModal = ({
       });
       try {
         await updateDoctorCardStatus({ cardId: card.id, status: "fixed" });
-        showToast("Doctor fix request sent and finding marked fixed", "success");
+        showToast(
+          "Doctor fix request sent and finding marked fixed",
+          "success",
+        );
       } catch (statusError) {
         showToast(
-          statusError.message || "Doctor fix request sent, but could not mark the finding fixed",
+          statusError.message ||
+            "Doctor fix request sent, but could not mark the finding fixed",
           "warning",
         );
       }
@@ -74,21 +73,10 @@ export const DoctorFixCardModal = ({
     >
       <div class="space-y-1">
         <h2 class="text-base font-semibold">Ask agent to fix</h2>
-        <p class="text-sm text-gray-400">
+        <p class="text-xs text-gray-400">
           Send this Doctor finding to one of your agent sessions as a focused fix request.
         </p>
       </div>
-      <div class="ac-surface-inset p-3 space-y-1">
-        <div class="flex items-center gap-2 min-w-0">
-          <${Badge} tone=${getDoctorPriorityTone(card?.priority || "P2")}>
-            ${card?.priority || "P2"}
-          </${Badge}>
-          <div class="text-sm font-semibold text-gray-200 leading-5 min-w-0">
-            ${card?.title || "Doctor finding"}
-          </div>
-        </div>
-        <div class="text-xs text-gray-400">${card?.recommendation || ""}</div>
-      </div>
       <div class="space-y-2">
         <label class="text-xs text-gray-500">Send to session</label>
         <select

package/lib/public/js/components/doctor/helpers.js

@@ -106,29 +106,15 @@ export const buildDoctorRunMarkers = (run = null) => {
   if ((run.cardCount || 0) === 0) {
     return [{ tone: "success", count: 0, label: "No findings" }];
   }
-  const markers = [];
+  const highPriority = [];
   if (Number(run?.priorityCounts?.P0 || 0) > 0) {
-    markers.push({
-      tone: "danger",
-      count: Number(run.priorityCounts.P0 || 0),
-      label: "P0",
-    });
+    highPriority.push({ tone: "danger", count: 0, label: "P0" });
   }
   if (Number(run?.priorityCounts?.P1 || 0) > 0) {
-    markers.push({
-      tone: "warning",
-      count: Number(run.priorityCounts.P1 || 0),
-      label: "P1",
-    });
+    highPriority.push({ tone: "warning", count: 0, label: "P1" });
   }
-  if (Number(run?.priorityCounts?.P2 || 0) > 0) {
-    markers.push({
-      tone: "neutral",
-      count: Number(run.priorityCounts.P2 || 0),
-      label: "P2",
-    });
-  }
-  return markers;
+  if (highPriority.length > 0) return highPriority.slice(0, 2);
+  return [{ tone: "neutral", count: 0, label: "P2" }];
 };
 
 export const buildDoctorStatusFilterOptions = () => [

package/lib/public/js/components/doctor/index.js

@@ -43,7 +43,7 @@ const DoctorEmptyStateIcon = () => html`
   </svg>
 `;
 
-export const DoctorTab = ({ isActive = false }) => {
+export const DoctorTab = ({ isActive = false, onOpenFile = () => {} }) => {
   const statusPoll = usePolling(fetchDoctorStatus, kIdlePollMs, {
     enabled: isActive,
   });
@@ -462,9 +462,8 @@ export const DoctorTab = ({ isActive = false }) => {
                 ? html`
                     <div class="ac-surface-inset rounded-xl p-4">
                       <div
-                        class="flex items-center gap-2 text-xs leading-5 text-gray-300"
+                        class="text-xs leading-5 text-gray-400"
                       >
-                        <${LoadingSpinner} className="h-3.5 w-3.5" />
                         <span
                           >Run in progress. Findings will appear when analysis
                           completes.</span
@@ -479,6 +478,8 @@ export const DoctorTab = ({ isActive = false }) => {
                   busyCardId=${busyCardId}
                   onAskAgentFix=${setFixCard}
                   onUpdateStatus=${handleUpdateStatus}
+                  onOpenFile=${onOpenFile}
+                  changedPaths=${doctorStatus?.changeSummary?.changedPaths || []}
                   showRunMeta=${selectedRunFilter === "all"}
                   hideEmptyState=${selectedRunIsInProgress}
                 />

package/lib/public/js/components/file-viewer/editor-surface.js

@@ -63,6 +63,7 @@ export const EditorSurface = ({
           <div
             class="file-viewer-editor-line-num"
             key=${lineNumber}
+            data-line-row
             ref=${(element) => {
               editorLineNumberRowRefs.current[lineNumber - 1] = element;
             }}

package/lib/public/js/components/file-viewer/index.js

@@ -20,6 +20,8 @@ export const FileViewer = ({
   filePath = "",
   isPreviewOnly = false,
   browseView = "edit",
+  lineTarget = 0,
+  lineEndTarget = 0,
   onRequestEdit = () => {},
   onRequestClearSelection = () => {},
 }) => {
@@ -28,6 +30,8 @@ export const FileViewer = ({
     filePath,
     isPreviewOnly,
     browseView,
+    lineTarget,
+    lineEndTarget,
     onRequestClearSelection,
     onRequestEdit,
   });

package/lib/public/js/components/file-viewer/use-editor-selection-restore.js

@@ -1,8 +1,58 @@
-import { useEffect } from "https://esm.sh/preact/hooks";
+import { useEffect, useRef } from "https://esm.sh/preact/hooks";
 import { readStoredEditorSelection } from "./storage.js";
 import { clampSelectionIndex } from "./utils.js";
 import { getScrollRatio } from "./scroll-sync.js";
 
+const getCharOffsetForLine = (text, lineNumber) => {
+  const lines = String(text || "").split("\n");
+  const targetIndex = Math.max(0, Math.min(lineNumber - 1, lines.length - 1));
+  let offset = 0;
+  for (let i = 0; i < targetIndex; i += 1) offset += lines[i].length + 1;
+  return offset;
+};
+
+const scrollEditorToLine = ({
+  lineIndex,
+  textareaElement,
+  editorLineNumbersRef,
+  editorHighlightRef,
+  viewScrollRatioRef,
+}) => {
+  const computedStyle = window.getComputedStyle(textareaElement);
+  const parsedLineHeight = Number.parseFloat(computedStyle.lineHeight || "");
+  const lineHeight =
+    Number.isFinite(parsedLineHeight) && parsedLineHeight > 0 ? parsedLineHeight : 20;
+  const nextScrollTop = Math.max(
+    0,
+    lineIndex * lineHeight - textareaElement.clientHeight * 0.4,
+  );
+  textareaElement.scrollTop = nextScrollTop;
+  if (editorLineNumbersRef.current) {
+    editorLineNumbersRef.current.scrollTop = nextScrollTop;
+  }
+  if (editorHighlightRef.current) {
+    editorHighlightRef.current.scrollTop = nextScrollTop;
+  }
+  viewScrollRatioRef.current = getScrollRatio(textareaElement);
+};
+
+const clearLineHighlights = (lineNumbersContainer) => {
+  if (!lineNumbersContainer) return;
+  const highlighted = lineNumbersContainer.querySelectorAll(".line-highlight-flash");
+  for (const row of highlighted) row.classList.remove("line-highlight-flash");
+};
+
+const highlightLineRange = (lineNumbersContainer, startIndex, endIndex) => {
+  if (!lineNumbersContainer) return;
+  clearLineHighlights(lineNumbersContainer);
+  const rows = lineNumbersContainer.querySelectorAll("[data-line-row]");
+  const safeEnd = Math.min(endIndex, rows.length - 1);
+  for (let i = startIndex; i <= safeEnd; i += 1) {
+    const row = rows[i];
+    if (row) row.classList.add("line-highlight-flash");
+  }
+};
+
 export const useEditorSelectionRestore = ({
   canEditFile,
   isEditBlocked,
@@ -13,11 +63,81 @@ export const useEditorSelectionRestore = ({
   restoredSelectionPathRef,
   viewMode,
   content,
+  lineTarget = 0,
+  lineEndTarget = 0,
   editorTextareaRef,
   editorLineNumbersRef,
   editorHighlightRef,
   viewScrollRatioRef,
 }) => {
+  const appliedLineTargetRef = useRef("");
+
+  useEffect(() => {
+    if (lineTarget && lineTarget >= 1) return;
+    if (!appliedLineTargetRef.current) return;
+    clearLineHighlights(editorLineNumbersRef.current);
+    appliedLineTargetRef.current = "";
+  }, [lineTarget, normalizedPath, editorLineNumbersRef]);
+
+  useEffect(() => {
+    if (isEditBlocked || !canEditFile || loading || !hasSelectedPath) return () => {};
+    if (loadedFilePathRef.current !== normalizedPath) return () => {};
+    if (viewMode !== "edit") return () => {};
+    if (!lineTarget || lineTarget < 1) return () => {};
+    const effectiveEnd = lineEndTarget && lineEndTarget >= lineTarget ? lineEndTarget : lineTarget;
+    const lineKey = `${normalizedPath}:${lineTarget}-${effectiveEnd}`;
+    if (appliedLineTargetRef.current === lineKey) return () => {};
+    let frameId = 0;
+    let attempts = 0;
+    const applyLineTarget = () => {
+      const textareaElement = editorTextareaRef.current;
+      if (!textareaElement) {
+        attempts += 1;
+        if (attempts < 6) frameId = window.requestAnimationFrame(applyLineTarget);
+        return;
+      }
+      const safeContent = String(content || "");
+      const charOffset = getCharOffsetForLine(safeContent, lineTarget);
+      textareaElement.setSelectionRange(charOffset, charOffset);
+      const startIndex = lineTarget - 1;
+      const endIndex = effectiveEnd - 1;
+      window.requestAnimationFrame(() => {
+        const nextTextareaElement = editorTextareaRef.current;
+        if (!nextTextareaElement) return;
+        scrollEditorToLine({
+          lineIndex: startIndex,
+          textareaElement: nextTextareaElement,
+          editorLineNumbersRef,
+          editorHighlightRef,
+          viewScrollRatioRef,
+        });
+        highlightLineRange(editorLineNumbersRef.current, startIndex, endIndex);
+      });
+      appliedLineTargetRef.current = lineKey;
+      restoredSelectionPathRef.current = normalizedPath;
+    };
+    frameId = window.requestAnimationFrame(applyLineTarget);
+    return () => {
+      if (frameId) window.cancelAnimationFrame(frameId);
+    };
+  }, [
+    canEditFile,
+    isEditBlocked,
+    loading,
+    hasSelectedPath,
+    normalizedPath,
+    content,
+    viewMode,
+    lineTarget,
+    lineEndTarget,
+    loadedFilePathRef,
+    restoredSelectionPathRef,
+    editorTextareaRef,
+    editorLineNumbersRef,
+    editorHighlightRef,
+    viewScrollRatioRef,
+  ]);
+
   useEffect(() => {
     if (isEditBlocked) {
       restoredSelectionPathRef.current = "";
@@ -27,6 +147,7 @@ export const useEditorSelectionRestore = ({
     if (loadedFilePathRef.current !== normalizedPath) return () => {};
     if (restoredSelectionPathRef.current === normalizedPath) return () => {};
     if (viewMode !== "edit") return () => {};
+    if (lineTarget && lineTarget >= 1) return () => {};
     const storedSelection = readStoredEditorSelection(normalizedPath);
     if (!storedSelection) {
       restoredSelectionPathRef.current = normalizedPath;
@@ -52,22 +173,13 @@ export const useEditorSelectionRestore = ({
         const safeContent = String(content || "");
         const safeStart = clampSelectionIndex(start, safeContent.length);
         const lineIndex = safeContent.slice(0, safeStart).split("\n").length - 1;
-        const computedStyle = window.getComputedStyle(nextTextareaElement);
-        const parsedLineHeight = Number.parseFloat(computedStyle.lineHeight || "");
-        const lineHeight =
-          Number.isFinite(parsedLineHeight) && parsedLineHeight > 0 ? parsedLineHeight : 20;
-        const nextScrollTop = Math.max(
-          0,
-          lineIndex * lineHeight - nextTextareaElement.clientHeight * 0.4,
-        );
-        nextTextareaElement.scrollTop = nextScrollTop;
-        if (editorLineNumbersRef.current) {
-          editorLineNumbersRef.current.scrollTop = nextScrollTop;
-        }
-        if (editorHighlightRef.current) {
-          editorHighlightRef.current.scrollTop = nextScrollTop;
-        }
-        viewScrollRatioRef.current = getScrollRatio(nextTextareaElement);
+        scrollEditorToLine({
+          lineIndex,
+          textareaElement: nextTextareaElement,
+          editorLineNumbersRef,
+          editorHighlightRef,
+          viewScrollRatioRef,
+        });
       });
       restoredSelectionPathRef.current = normalizedPath;
     };
@@ -83,6 +195,7 @@ export const useEditorSelectionRestore = ({
     normalizedPath,
     content,
     viewMode,
+    lineTarget,
     loadedFilePathRef,
     restoredSelectionPathRef,
     editorTextareaRef,

package/lib/public/js/components/file-viewer/use-file-viewer.js

@@ -32,6 +32,8 @@ export const useFileViewer = ({
   filePath = "",
   isPreviewOnly = false,
   browseView = "edit",
+  lineTarget = 0,
+  lineEndTarget = 0,
   onRequestClearSelection = () => {},
   onRequestEdit = () => {},
 }) => {
@@ -242,6 +244,8 @@ export const useFileViewer = ({
     restoredSelectionPathRef,
     viewMode,
     content,
+    lineTarget,
+    lineEndTarget,
     editorTextareaRef,
     editorLineNumbersRef,
     editorHighlightRef,

package/lib/public/js/components/general/use-general-tab.js

@@ -0,0 +1,233 @@
+import { useEffect, useState } from "https://esm.sh/preact/hooks";
+import {
+  approveDevice,
+  approvePairing,
+  fetchDashboardUrl,
+  fetchDevicePairings,
+  fetchPairings,
+  rejectDevice,
+  rejectPairing,
+  triggerWatchdogRepair,
+  updateSyncCron,
+} from "../../lib/api.js";
+import { usePolling } from "../../hooks/usePolling.js";
+import { showToast } from "../toast.js";
+import { ALL_CHANNELS } from "../channels.js";
+
+const kDefaultSyncCronSchedule = "0 * * * *";
+
+export const useGeneralTab = ({
+  statusData = null,
+  watchdogData = null,
+  doctorStatusData = null,
+  onRefreshStatuses = () => {},
+  isActive = false,
+  restartSignal = 0,
+} = {}) => {
+  const [dashboardLoading, setDashboardLoading] = useState(false);
+  const [repairingWatchdog, setRepairingWatchdog] = useState(false);
+  const [syncCronEnabled, setSyncCronEnabled] = useState(true);
+  const [syncCronSchedule, setSyncCronSchedule] = useState(kDefaultSyncCronSchedule);
+  const [savingSyncCron, setSavingSyncCron] = useState(false);
+  const [syncCronChoice, setSyncCronChoice] = useState(kDefaultSyncCronSchedule);
+
+  const status = statusData;
+  const watchdogStatus = watchdogData;
+  const doctorStatus = doctorStatusData;
+  const gatewayStatus = status?.gateway ?? null;
+  const channels = status?.channels ?? null;
+  const repo = status?.repo || null;
+  const syncCron = status?.syncCron || null;
+  const openclawVersion = status?.openclawVersion || null;
+
+  const hasUnpaired = ALL_CHANNELS.some((channel) => {
+    const info = channels?.[channel];
+    return info && info.status !== "paired";
+  });
+
+  const pairingsPoll = usePolling(
+    async () => {
+      const data = await fetchPairings();
+      return data.pending || [];
+    },
+    1000,
+    { enabled: hasUnpaired && gatewayStatus === "running" },
+  );
+  const pending = pairingsPoll.data || [];
+
+  const devicePoll = usePolling(
+    async () => {
+      const data = await fetchDevicePairings();
+      return data.pending || [];
+    },
+    2000,
+    { enabled: gatewayStatus === "running" },
+  );
+  const devicePending = devicePoll.data || [];
+
+  useEffect(() => {
+    if (!isActive) return;
+    onRefreshStatuses();
+    pairingsPoll.refresh();
+    devicePoll.refresh();
+  }, [devicePoll.refresh, isActive, onRefreshStatuses, pairingsPoll.refresh]);
+
+  useEffect(() => {
+    if (!restartSignal || !isActive) return;
+    onRefreshStatuses();
+    pairingsPoll.refresh();
+    devicePoll.refresh();
+    const t1 = setTimeout(() => {
+      onRefreshStatuses();
+      pairingsPoll.refresh();
+      devicePoll.refresh();
+    }, 1200);
+    const t2 = setTimeout(() => {
+      onRefreshStatuses();
+      pairingsPoll.refresh();
+      devicePoll.refresh();
+    }, 3500);
+    return () => {
+      clearTimeout(t1);
+      clearTimeout(t2);
+    };
+  }, [
+    devicePoll.refresh,
+    isActive,
+    onRefreshStatuses,
+    pairingsPoll.refresh,
+    restartSignal,
+  ]);
+
+  useEffect(() => {
+    if (!syncCron) return;
+    setSyncCronEnabled(syncCron.enabled !== false);
+    setSyncCronSchedule(syncCron.schedule || kDefaultSyncCronSchedule);
+    setSyncCronChoice(
+      syncCron.enabled === false ? "disabled" : syncCron.schedule || kDefaultSyncCronSchedule,
+    );
+  }, [syncCron?.enabled, syncCron?.schedule]);
+
+  const refreshAfterPairingAction = () => {
+    setTimeout(pairingsPoll.refresh, 500);
+    setTimeout(pairingsPoll.refresh, 2000);
+    setTimeout(onRefreshStatuses, 3000);
+  };
+
+  const saveSyncCronSettings = async ({
+    enabled = syncCronEnabled,
+    schedule = syncCronSchedule,
+  } = {}) => {
+    if (savingSyncCron) return;
+    setSavingSyncCron(true);
+    try {
+      const data = await updateSyncCron({ enabled, schedule });
+      if (!data.ok) {
+        throw new Error(data.error || "Could not save sync settings");
+      }
+      showToast("Sync schedule updated", "success");
+      onRefreshStatuses();
+    } catch (err) {
+      showToast(err.message || "Could not save sync settings", "error");
+    } finally {
+      setSavingSyncCron(false);
+    }
+  };
+
+  const handleSyncCronChoiceChange = async (nextChoice) => {
+    setSyncCronChoice(nextChoice);
+    const nextEnabled = nextChoice !== "disabled";
+    const nextSchedule = nextEnabled ? nextChoice : syncCronSchedule;
+    setSyncCronEnabled(nextEnabled);
+    setSyncCronSchedule(nextSchedule);
+    await saveSyncCronSettings({
+      enabled: nextEnabled,
+      schedule: nextSchedule,
+    });
+  };
+
+  const handleApprove = async (id, channel) => {
+    await approvePairing(id, channel);
+    refreshAfterPairingAction();
+  };
+
+  const handleReject = async (id, channel) => {
+    await rejectPairing(id, channel);
+    refreshAfterPairingAction();
+  };
+
+  const handleDeviceApprove = async (id) => {
+    await approveDevice(id);
+    setTimeout(devicePoll.refresh, 500);
+    setTimeout(devicePoll.refresh, 2000);
+  };
+
+  const handleDeviceReject = async (id) => {
+    await rejectDevice(id);
+    setTimeout(devicePoll.refresh, 500);
+    setTimeout(devicePoll.refresh, 2000);
+  };
+
+  const handleWatchdogRepair = async () => {
+    if (repairingWatchdog) return;
+    setRepairingWatchdog(true);
+    try {
+      const data = await triggerWatchdogRepair();
+      if (!data.ok) throw new Error(data.error || "Repair failed");
+      showToast("Repair triggered", "success");
+      setTimeout(() => {
+        onRefreshStatuses();
+      }, 800);
+    } catch (err) {
+      showToast(err.message || "Could not run repair", "error");
+    } finally {
+      setRepairingWatchdog(false);
+    }
+  };
+
+  const handleOpenDashboard = async () => {
+    if (dashboardLoading) return;
+    setDashboardLoading(true);
+    try {
+      const data = await fetchDashboardUrl();
+      console.log("[dashboard] response:", JSON.stringify(data));
+      window.open(data.url || "/openclaw", "_blank");
+    } catch (err) {
+      console.error("[dashboard] error:", err);
+      window.open("/openclaw", "_blank");
+    } finally {
+      setDashboardLoading(false);
+    }
+  };
+
+  return {
+    state: {
+      channels,
+      dashboardLoading,
+      devicePending,
+      doctorStatus,
+      gatewayStatus,
+      hasUnpaired,
+      openclawVersion,
+      pending,
+      repairingWatchdog,
+      repo,
+      savingSyncCron,
+      syncCron,
+      syncCronChoice,
+      syncCronEnabled,
+      syncCronSchedule,
+      syncCronStatusText: syncCronEnabled ? "Enabled" : "Disabled",
+      watchdogStatus,
+    },
+    actions: {
+      handleApprove,
+      handleDeviceApprove,
+      handleDeviceReject,
+      handleOpenDashboard,
+      handleReject,
+      handleSyncCronChoiceChange,
+      handleWatchdogRepair,
+    },
+  };
+};

package/lib/server/doctor/normalize.js

@@ -89,42 +89,76 @@ const normalizeCardStatus = (value) => {
   return kDoctorCardStatus.open;
 };
 
-const normalizeEvidence = (value) => {
-  if (Array.isArray(value)) {
-    return value
-      .map((item) => {
-        if (item == null) return null;
-        if (typeof item === "string") {
-          const text = toTrimmedString(item);
-          return text ? { type: "text", text } : null;
-        }
-        if (typeof item === "object") return item;
-        return { type: "text", text: String(item) };
-      })
-      .filter(Boolean);
+const normalizeEvidenceItem = (item) => {
+  if (item == null) return null;
+  if (typeof item === "string") {
+    const text = toTrimmedString(item);
+    return text ? { type: "text", text } : null;
+  }
+  if (typeof item === "object") {
+    const entry = { ...item };
+    if (entry.type === "path" && entry.path) {
+      entry.path = toTrimmedString(entry.path);
+      if (Number.isFinite(entry.startLine) && entry.startLine > 0) {
+        entry.startLine = entry.startLine;
+      } else {
+        delete entry.startLine;
+      }
+      if (Number.isFinite(entry.endLine) && entry.endLine > 0) {
+        entry.endLine = entry.endLine;
+      } else {
+        delete entry.endLine;
+      }
+    }
+    return entry;
   }
+  return { type: "text", text: String(item) };
+};
+
+const normalizeEvidence = (value) => {
+  if (Array.isArray(value)) return value.map(normalizeEvidenceItem).filter(Boolean);
   if (typeof value === "string") {
     const text = toTrimmedString(value);
     return text ? [{ type: "text", text }] : [];
   }
-  if (value && typeof value === "object") return [value];
+  if (value && typeof value === "object") return [normalizeEvidenceItem(value)].filter(Boolean);
   return [];
 };
 
+const normalizeTargetPathItem = (item) => {
+  if (item == null) return null;
+  if (typeof item === "string") {
+    const path = toTrimmedString(item);
+    return path ? { path } : null;
+  }
+  if (typeof item === "object" && item.path) {
+    const path = toTrimmedString(item.path);
+    if (!path) return null;
+    const entry = { path };
+    if (Number.isFinite(item.startLine) && item.startLine > 0) entry.startLine = item.startLine;
+    if (Number.isFinite(item.endLine) && item.endLine > 0) entry.endLine = item.endLine;
+    return entry;
+  }
+  return null;
+};
+
 const normalizeTargetPaths = (value) => {
   const values = Array.isArray(value) ? value : value == null ? [] : [value];
-  return Array.from(
-    new Set(
-      values
-        .map((item) => toTrimmedString(item))
-        .filter(Boolean),
-    ),
-  );
+  const seen = new Set();
+  return values
+    .map(normalizeTargetPathItem)
+    .filter((item) => {
+      if (!item) return false;
+      if (seen.has(item.path)) return false;
+      seen.add(item.path);
+      return true;
+    });
 };
 
 const buildFallbackFixPrompt = ({ title, recommendation, targetPaths }) => {
-  const targetLine = targetPaths.length
-    ? `Focus on these paths if relevant: ${targetPaths.join(", ")}.`
+  const pathStrings = targetPaths.map((item) => item?.path || String(item)).filter(Boolean);
+  const targetLine = pathStrings.length
+    ? `Focus on these paths if relevant: ${pathStrings.join(", ")}.`
     : "Inspect the relevant workspace files before making changes.";
   return (
     `Please address this Doctor finding safely.\n\n` +

package/lib/server/doctor/prompt.js

@@ -22,7 +22,8 @@ const buildDoctorPrompt = ({
   lockedPaths = [],
   resolvedCards = [],
   promptVersion = "doctor-v1",
-}) => `
+}) =>
+  `
 You are AlphaClaw Doctor. Analyze this OpenClaw workspace for guidance drift, redundancy, misplacement, and cleanup opportunities.
 
 Important:
@@ -35,6 +36,12 @@ Important:
 - A fresh install can be healthy even if it includes broad default guidance.
 - Return ONLY valid JSON. No markdown fences. No extra prose.
 
+OpenClaw context injection:
+- OpenClaw automatically injects a fixed set of named workspace files into the agent's context window ("Project Context") on every turn. The exact set is: \`AGENTS.md\`, \`SOUL.md\`, \`TOOLS.md\`, \`IDENTITY.md\`, \`USER.md\`, \`HEARTBEAT.md\`, and \`BOOTSTRAP.md\` (first-run only).
+- Only these specific files are auto-injected. Other \`.md\` files at the workspace root (e.g. INTERESTS.md, MEMORY.md, README.md) are NOT injected and must be explicitly read by the agent.
+- Do not flag auto-injected files as orphaned or unreferenced — they are loaded by the runtime, not by explicit file references in AGENTS.md.
+- Additionally, AlphaClaw injects bootstrap files from \`hooks/bootstrap/\` (e.g. AGENTS.md, TOOLS.md) as extra context on every turn.
+
 OpenClaw default context:
 - \`AGENTS.md\` is the workspace home file in the default OpenClaw template. It may intentionally include first-run instructions, session-startup guidance, memory conventions, safety rules, tool pointers, and optional behavioral guidance.
 - Do not treat default-template content as drift just because it is broad or multi-purpose.
@@ -79,10 +86,13 @@ Return exactly this JSON shape:
       "summary": "what is wrong and why it matters",
       "recommendation": "clear recommended action",
       "evidence": [
-        { "type": "path", "path": "relative/path" },
+        { "type": "path", "path": "relative/path", "startLine": 10, "endLine": 25 },
         { "type": "note", "text": "short supporting note" }
       ],
-      "targetPaths": ["relative/path/one", "relative/path/two"],
+      "targetPaths": [
+        { "path": "relative/path/one", "startLine": 10 },
+        { "path": "relative/path/two" }
+      ],
       "fixPrompt": "a concise message another agent can use to fix just this finding safely",
       "status": "open"
     }
@@ -92,10 +102,13 @@ Return exactly this JSON shape:
 ${renderResolvedCards(resolvedCards)}Constraints:
 - Maximum 12 cards
 - Use relative paths in evidence and targetPaths
+- Include startLine (and optionally endLine) in evidence and targetPaths when the finding relates to a specific section of a file
+- targetPaths items can be strings or objects with { path, startLine? }
 - Do not include duplicate cards
 - Do not re-suggest findings that appear in the "Previously resolved" list above
 - Do not create cards for healthy default-template behavior
 - Do not create cards whose primary recommendation is to refactor AlphaClaw-managed file structure
+- fixPrompt must only reference files the agent can edit. Never suggest editing files listed in "AlphaClaw locked/managed paths" above — they are managed by AlphaClaw, so manual edits would be lost.
 - If there are no meaningful findings, return an empty cards array
 - promptVersion: ${promptVersion}
 `.trim();

package/lib/server/doctor/service.js

@@ -1,3 +1,5 @@
+const fs = require("fs");
+const path = require("path");
 const { buildDoctorPrompt } = require("./prompt");
 const { normalizeDoctorResult } = require("./normalize");
 const { calculateWorkspaceDelta, computeWorkspaceSnapshot } = require("./workspace-fingerprint");
@@ -10,6 +12,8 @@ const {
   kDoctorStaleThresholdMs,
 } = require("./constants");
 
+const kMaxSnippetLines = 20;
+
 const shellEscapeArg = (value) => {
   const safeValue = String(value || "");
   return `'${safeValue.replace(/'/g, `'\\''`)}'`;
@@ -35,6 +39,37 @@ const formatElapsedSince = (isoTime) => {
   return `${elapsedDays} day${elapsedDays === 1 ? "" : "s"} ago`;
 };
 
+const readFileSnippet = (rootDir, relativePath, startLine, endLine) => {
+  try {
+    const fullPath = path.join(rootDir, String(relativePath || ""));
+    const content = fs.readFileSync(fullPath, "utf-8");
+    const lines = content.split("\n");
+    const start = Math.max(0, (startLine || 1) - 1);
+    const end = endLine && endLine >= startLine ? Math.min(lines.length, endLine) : start + 1;
+    const cappedEnd = Math.min(end, start + kMaxSnippetLines);
+    return {
+      text: lines.slice(start, cappedEnd).join("\n"),
+      startLine: start + 1,
+      endLine: start + (cappedEnd - start),
+      truncated: cappedEnd < end,
+      totalFileLines: lines.length,
+    };
+  } catch {
+    return null;
+  }
+};
+
+const captureEvidenceSnippets = (cards, rootDir) => {
+  for (const card of cards) {
+    if (!Array.isArray(card.evidence)) continue;
+    for (const item of card.evidence) {
+      if (!item || item.type !== "path" || !item.path || !item.startLine) continue;
+      const snippet = readFileSnippet(rootDir, item.path, item.startLine, item.endLine);
+      if (snippet) item.snippet = snippet;
+    }
+  }
+};
+
 const buildDoctorSessionKey = (runId) => `agent:main:doctor:${Number(runId || 0)}`;
 const buildDoctorSessionId = (runId) => buildDoctorSessionKey(runId);
 const buildDoctorIdempotencyKey = (runId) => `doctor-run-${Number(runId || 0)}`;
@@ -213,6 +248,7 @@ const createDoctorService = ({
         console.error(`[doctor] run ${runId} stderr end`);
         throw error;
       }
+      captureEvidenceSnippets(normalizedResult.cards, workspaceRoot);
       insertDoctorCards({
         runId,
         cards: normalizedResult.cards,
@@ -309,6 +345,7 @@ const createDoctorService = ({
       throw new Error("Doctor import requires raw output");
     }
     const normalizedResult = normalizeDoctorResult(normalizedRawOutput);
+    captureEvidenceSnippets(normalizedResult.cards, workspaceRoot);
     const workspaceSnapshot = getCurrentWorkspaceSnapshot();
     const runId = createDoctorRun({
       status: kDoctorRunStatus.completed,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chrysb/alphaclaw",
-  "version": "0.4.6-beta.2",
+  "version": "0.4.6-beta.4",
   "publishConfig": {
     "access": "public"
   },