@chrysb/alphaclaw 0.4.6-beta.1 → 0.4.6-beta.3

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

@@ -1,16 +1,11 @@
 import { h } from "https://esm.sh/preact";
-import { useEffect, useMemo, useState } from "https://esm.sh/preact/hooks";
+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 {
-  fetchAgentSessions,
-  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);
 
@@ -20,11 +15,16 @@ export const DoctorFixCardModal = ({
   onClose = () => {},
   onComplete = () => {},
 }) => {
-  const [sessions, setSessions] = useState([]);
-  const [selectedSessionKey, setSelectedSessionKey] = useState("");
-  const [loadingSessions, setLoadingSessions] = useState(false);
+  const {
+    sessions,
+    selectedSessionKey,
+    setSelectedSessionKey,
+    selectedSession,
+    loading: loadingSessions,
+    error: loadError,
+  } = useAgentSessions({ enabled: visible });
+
   const [sending, setSending] = useState(false);
-  const [loadError, setLoadError] = useState("");
   const [promptText, setPromptText] = useState("");
 
   useEffect(() => {
@@ -32,52 +32,6 @@ export const DoctorFixCardModal = ({
     setPromptText(String(card?.fixPrompt || ""));
   }, [visible, card?.fixPrompt, card?.id]);
 
-  useEffect(() => {
-    if (!visible) return;
-    let active = true;
-    const loadSessions = async () => {
-      try {
-        setLoadingSessions(true);
-        setLoadError("");
-        const data = await fetchAgentSessions();
-        if (!active) return;
-        const nextSessions = Array.isArray(data?.sessions) ? data.sessions : [];
-        setSessions(nextSessions);
-        const preferredSession =
-          nextSessions.find((sessionRow) => {
-            const key = String(sessionRow?.key || "").toLowerCase();
-            return key === "agent:main:main";
-          }) ||
-          nextSessions.find((sessionRow) => {
-            const key = String(sessionRow?.key || "").toLowerCase();
-            return key.includes(":direct:") || key.includes(":group:");
-          }) ||
-          nextSessions[0] ||
-          null;
-        setSelectedSessionKey(String(preferredSession?.key || ""));
-      } catch (error) {
-        if (!active) return;
-        setSessions([]);
-        setSelectedSessionKey("");
-        setLoadError(error.message || "Could not load agent sessions");
-      } finally {
-        if (active) setLoadingSessions(false);
-      }
-    };
-    loadSessions();
-    return () => {
-      active = false;
-    };
-  }, [visible, card?.id]);
-
-  const selectedSession = useMemo(
-    () =>
-      sessions.find(
-        (sessionRow) => String(sessionRow?.key || "") === selectedSessionKey,
-      ) || null,
-    [sessions, selectedSessionKey],
-  );
-
   const handleSend = async () => {
     if (!card?.id || sending) return;
     try {
@@ -91,14 +45,18 @@ 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",
         );
       }
-      onComplete();
+      await onComplete();
       onClose();
     } catch (error) {
       showToast(error.message || "Could not send Doctor fix request", "error");
@@ -115,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

@@ -83,14 +83,8 @@ export const getDoctorWarningMessage = (doctorStatus = null) => {
 
 export const getDoctorChangeLabel = (changeSummary = null) => {
   const changedFilesCount = Number(changeSummary?.changedFilesCount || 0);
-  const hasMeaningfulChanges = !!changeSummary?.hasMeaningfulChanges;
-  if (changedFilesCount === 0) {
-    return { text: "No changes since last run", meaningful: false };
-  }
-  return {
-    text: `${changedFilesCount} change${changedFilesCount === 1 ? "" : "s"} since last run`,
-    meaningful: hasMeaningfulChanges,
-  };
+  if (changedFilesCount === 0) return "No changes since last run";
+  return `${changedFilesCount} change${changedFilesCount === 1 ? "" : "s"} since last run`;
 };
 
 export const getDoctorRunPillDetail = (run = null) => {
@@ -112,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",
-    });
-  }
-  if (Number(run?.priorityCounts?.P2 || 0) > 0) {
-    markers.push({
-      tone: "neutral",
-      count: Number(run.priorityCounts.P2 || 0),
-      label: "P2",
-    });
+    highPriority.push({ tone: "warning", count: 0, label: "P1" });
   }
-  return markers;
+  if (highPriority.length > 0) return highPriority.slice(0, 2);
+  return [{ tone: "neutral", count: 0, label: "P2" }];
 };
 
 export const buildDoctorStatusFilterOptions = () => [