');
+
+ expect(mainPatch).toContain('');
+ expect(mainPatch).toContain('
');
+ expect(mainPatch).toContain('');
+ expect(mainPatch).toContain(
+ '
',
+ );
+ expect(mainPatch).not.toContain(" #agent settings-dao-agent-page",
+ );
+ expect(agentTest).toContain(
+ "rendersAsTopLevelAgentSectionWithoutSubpageBackControl",
+ );
+ });
+
+ it("uses immediate positioning for overview menu activation", () => {
+ const menuTs = addedPayload(
+ readPatch("settings_menu/settings_menu.ts.patch"),
+ );
+
+ expect(menuTs).toContain("behavior: 'auto',");
+ expect(menuTs).not.toContain("prefers-reduced-motion");
+ });
+
+ it("keeps Dao Agent Settings localization English-first and complete", () => {
+ const pageSource = AGENT_PAGE_PATCHES.map((relativePath) =>
+ addedPayload(readPatch(relativePath)),
+ ).join("\n");
+ const agentHtml = addedPayload(
+ readPatch("dao_page/dao_agent_page.html.patch"),
+ );
+ const grdp = addedPayload(
+ readDaoSource("src/patches/chrome/app/settings_strings.grdp.patch"),
+ );
+ const provider = addedPayload(
+ readDaoSource(
+ "src/patches/chrome/browser/ui/webui/settings/" +
+ "settings_localized_strings_provider.cc.patch",
+ ),
+ );
+ const zhCn = addedPayload(
+ readDaoSource(
+ "src/patches/chrome/app/resources/" +
+ "generated_resources_zh-CN.xtb.patch",
+ ),
+ );
+
+ expect(pageSource).not.toMatch(/[\u3400-\u9fff]/u);
+
+ const usedMessageIds = new Set(
+ [...pageSource.matchAll(/\$i18n\{(daoAgent[A-Za-z0-9]+)\}/g)].map(
+ (match) => match[1],
+ ),
+ );
+ for (const messageId of usedMessageIds) {
+ const providerMatch = provider.match(
+ new RegExp(
+ `\\{"${messageId}",\\s*(IDS_SETTINGS_DAO_AGENT_[A-Z0-9_]+)\\}`,
+ ),
+ );
+ expect(
+ providerMatch,
+ `${messageId} provider registration`,
+ ).not.toBeNull();
+ expect(grdp, `${messageId} English source`).toContain(
+ `name="${providerMatch![1]}"`,
+ );
+ }
+
+ for (const [
+ messageId,
+ resourceId,
+ english,
+ translationId,
+ ] of TASK5_AGENT_MESSAGES) {
+ expect(pageSource, `${messageId} usage`).toContain(`$i18n{${messageId}}`);
+ expect(provider, `${messageId} provider registration`).toMatch(
+ new RegExp(`\\{"${messageId}",\\s*${resourceId}\\}`),
+ );
+ const messageBlock = grdp.match(
+ new RegExp(`]*>([\\s\\S]*?)`),
+ );
+ expect(messageBlock, `${resourceId} English source`).not.toBeNull();
+ expect(messageBlock![1]).toContain(english);
+ expect(messageBlock![1]).not.toMatch(/[\u3400-\u9fff]/u);
+
+ const translation = zhCn.match(
+ new RegExp(
+ `([\\s\\S]*?)`,
+ ),
+ );
+ expect(translation, `${resourceId} zh-CN translation`).not.toBeNull();
+ expect(translation![1]).toMatch(/[\u3400-\u9fff]/u);
+ }
+
+ for (const [sectionId, headingId, messageId] of [
+ [
+ "modelAndConnection",
+ "modelAndConnectionHeading",
+ "daoAgentGroupModelAndConnection",
+ ],
+ [
+ "behaviorAndContext",
+ "behaviorAndContextHeading",
+ "daoAgentGroupBehaviorAndContext",
+ ],
+ ["capabilities", "capabilitiesHeading", "daoAgentGroupCapabilities"],
+ [
+ "learningAndAnalysis",
+ "learningAndAnalysisHeading",
+ "daoAgentGroupLearningAndAnalysis",
+ ],
+ [
+ "dataAndManagement",
+ "dataAndManagementHeading",
+ "daoAgentGroupDataAndManagement",
+ ],
+ ] as const) {
+ expect(agentHtml, sectionId).toContain(`]*>\\s*\\$i18n\\{${messageId}\\}\\s*`,
+ ),
+ );
+ }
+ });
+
+ it("documents the top-level Agent settings regression contract", () => {
+ const features = readDaoSource("docs/features.md");
+ const checklist = readDaoSource("docs/feature-checklist.md");
+
+ for (const marker of [
+ "`dao://settings/#agent`",
+ "top-level Dao-exclusive Settings section",
+ "all Agent configuration,",
+ "Chromium's shared Settings lazy bundle",
+ "without a duplicate summary or intermediate subpage",
+ ]) {
+ expect(features, marker).toContain(marker);
+ }
+ for (const marker of [
+ "exact inventory",
+ "Chromium's shared Settings lazy bundle",
+ "You and Dao` contains no Agent summary or state",
+ "overview scroll selection",
+ "search filtering",
+ "English-first",
+ "light and dark",
+ "below 760 px",
+ "keyboard",
+ "reduced motion",
+ ]) {
+ expect(checklist, marker).toContain(marker);
+ }
+ });
+
+ it("classifies the Agent proxy as TypeScript and pages as Web Components", () => {
+ const buildPatch = readPatch("BUILD.gn.patch");
+ const hunks = buildPatch
+ .split(/\n(?=@@ )/)
+ .filter((hunk) => hunk.startsWith("@@ "));
+ const proxy = '"dao_page/dao_agent_settings_browser_proxy.ts"';
+ const components = [
+ '"dao_page/dao_agent_page.ts"',
+ '"dao_page/dao_page.ts"',
+ ];
+ const webComponentHunk = hunks.find((hunk) =>
+ hunk.includes(`+ ${components[0]}`),
+ );
+ const tsFilesHunk = hunks.find(
+ (hunk) =>
+ hunk.includes(`+ ${proxy}`) &&
+ !hunk.includes(`+ ${components[0]}`),
+ );
+
+ expect(webComponentHunk, "web_component_files hunk").toBeDefined();
+ expect(tsFilesHunk, "ts_files hunk").toBeDefined();
+ expect(occurrenceCount(addedPayload(buildPatch), proxy)).toBe(1);
+ expect(occurrenceCount(addedPayload(webComponentHunk!), proxy)).toBe(0);
+ expect(occurrenceCount(addedPayload(tsFilesHunk!), proxy)).toBe(1);
+ for (const component of components) {
+ expect(
+ occurrenceCount(addedPayload(webComponentHunk!), component),
+ component,
+ ).toBe(1);
+ expect(
+ occurrenceCount(addedPayload(tsFilesHunk!), component),
+ component,
+ ).toBe(0);
+ }
+ });
+
+ it("keeps the Agent proxy new-file hunk count aligned with its payload", () => {
+ const proxyPath = patchPath(
+ "dao_page/dao_agent_settings_browser_proxy.ts.patch",
+ );
+ const proxyPatch = readFileSync(proxyPath, "utf-8");
+ const hunkHeader = proxyPatch.match(/^@@ -0,0 \+1,(\d+) @@$/m);
+ const payloadCount = proxyPatch
+ .split("\n")
+ .filter((line) => line.startsWith("+") && !line.startsWith("+++")).length;
+
+ expect(hunkHeader, "new-file hunk header").not.toBeNull();
+ expect(payloadCount).toBe(177);
+ expect(Number(hunkHeader![1]), "declared new-file line count").toBe(
+ payloadCount,
+ );
+
+ const numstat = execFileSync("git", ["apply", "--numstat", proxyPath], {
+ cwd: process.cwd(),
+ encoding: "utf-8",
+ });
+ const appliedCount = Number(numstat.split("\t", 1)[0]);
+ expect(appliedCount, "git apply added line count").toBe(payloadCount);
+ });
+
+ it("keeps active Dao and Agent new-file patch payload counts exact", () => {
+ for (const relativePath of [
+ "dao_page/dao_page.html.patch",
+ "dao_page/dao_page.ts.patch",
+ "dao_page/dao_agent_page.html.patch",
+ "dao_page/dao_agent_page.ts.patch",
+ "../../../test/data/webui/settings/dao_page_test.ts.patch",
+ "../../../test/data/webui/settings/dao_agent_page_test.ts.patch",
+ ]) {
+ const patch = readPatch(relativePath);
+ const hunkHeader = patch.match(/^@@ -0,0 \+1,(\d+) @@$/m);
+ const payloadCount = patch
+ .split("\n")
+ .filter(
+ (line) => line.startsWith("+") && !line.startsWith("+++"),
+ ).length;
+ expect(hunkHeader, relativePath).not.toBeNull();
+ expect(Number(hunkHeader![1]), relativePath).toBe(payloadCount);
+ }
+ });
+
+ it("wires each Dao page WebUI test target to its disabled browser runner", () => {
+ const buildPatch = readDaoSource(
+ "src/patches/chrome/test/data/webui/settings/BUILD.gn.patch",
+ );
+ const runnerPatch = readDaoSource(
+ "src/patches/chrome/test/data/webui/settings/" +
+ "settings_browsertest.cc.patch",
+ );
+ const buildPayload = addedPayload(buildPatch);
+ const runnerPayload = addedPayload(runnerPatch);
+
+ const testTargets = [
+ ["dao_page_test", "DaoPage"],
+ ["dao_agent_page_test", "DaoAgentPage"],
+ ] as const;
+ for (const [source, runner] of testTargets) {
+ expect(occurrenceCount(buildPayload, `"${source}.ts"`), source).toBe(1);
+ expect(
+ occurrenceCount(
+ runnerPayload,
+ `IN_PROC_BROWSER_TEST_F(SettingsTest, DISABLED_${runner})`,
+ ),
+ runner,
+ ).toBe(1);
+ expect(
+ occurrenceCount(
+ runnerPayload,
+ `RunTest("settings/${source}.js", "mocha.run()")`,
+ ),
+ source,
+ ).toBe(1);
+ }
+ expect(
+ occurrenceCount(
+ runnerPayload,
+ "IN_PROC_BROWSER_TEST_F(SettingsTest, DISABLED_Dao",
+ ),
+ ).toBe(2);
+ expect(runnerPayload).not.toMatch(
+ /IN_PROC_BROWSER_TEST_F\(SettingsTest, Dao(?:Agent)?Page(?:Index)?\)/,
+ );
+ });
+
+ it("preserves the complete Agent settings inventory and shared proxy boundary", () => {
+ const agentProxy = "dao_page/dao_agent_settings_browser_proxy.ts.patch";
+ const agentTs = "dao_page/dao_agent_page.ts.patch";
+ const agentHtml = "dao_page/dao_agent_page.html.patch";
+ const agentTest =
+ "src/patches/chrome/test/data/webui/settings/" +
+ "dao_agent_page_test.ts.patch";
+
+ expect(existsSync(patchPath(agentProxy)), agentProxy).toBe(true);
+ expect(existsSync(patchPath(agentTs)), agentTs).toBe(true);
+ expect(existsSync(patchPath(agentHtml)), agentHtml).toBe(true);
+ expect(existsSync(path.join(process.cwd(), agentTest)), agentTest).toBe(
+ true,
+ );
+
+ const overviewHtml = addedPayload(
+ readPatch("dao_page/dao_page.html.patch"),
+ );
+ const agentHtmlPatch = addedPayload(readPatch(agentHtml));
+ const overviewTs = addedPayload(readPatch("dao_page/dao_page.ts.patch"));
+ const agentTsPatch = addedPayload(readPatch(agentTs));
+ const overviewSource = overviewHtml + "\n" + overviewTs;
+ const agentSource = agentHtmlPatch + "\n" + agentTsPatch;
+ const combinedSource = overviewSource + "\n" + agentSource;
+
+ for (const [key, pattern] of AGENT_SETTING_OWNERSHIP_MARKERS) {
+ expect(
+ occurrenceCount(combinedSource, pattern),
+ `${key} combined owner count`,
+ ).toBe(1);
+ expect(
+ occurrenceCount(agentSource, pattern),
+ `${key} subpage owner`,
+ ).toBe(1);
+ expect(occurrenceCount(overviewSource, pattern), `${key} overview`).toBe(
+ 0,
+ );
+ }
+
+ for (const id of AGENT_CONTROL_AND_ACTION_IDS) {
+ const marker = `id="${id}"`;
+ expect(
+ occurrenceCount(combinedSource, marker),
+ `${id} combined owner`,
+ ).toBe(1);
+ expect(occurrenceCount(agentSource, marker), `${id} subpage owner`).toBe(
+ 1,
+ );
+ expect(occurrenceCount(overviewSource, marker), `${id} overview`).toBe(0);
+ }
+
+ const proxyPayload = addedPayload(readPatch(agentProxy));
+ const toolGroups = extractBetween(
+ proxyPayload,
+ "export const AGENT_TOOL_GROUPS",
+ "export const AGENT_PROVIDER_DEFAULTS",
+ );
+ for (const group of AGENT_TOOL_GROUP_NAMES) {
+ const controlMarker = `data-tool-group="${group}"`;
+ expect(
+ occurrenceCount(overviewHtml + "\n" + agentHtmlPatch, controlMarker),
+ `${group} tool-group control`,
+ ).toBe(1);
+ expect(occurrenceCount(agentHtmlPatch, controlMarker)).toBe(1);
+ expect(occurrenceCount(overviewHtml, controlMarker)).toBe(0);
+ expect(
+ occurrenceCount(toolGroups, new RegExp(`^\\s*${group}:`, "gm")),
+ ).toBe(1);
+ }
+ expect(occurrenceCount(combinedSource, 'data-tool-name$="[[tool]]"')).toBe(
+ 1,
+ );
+ expect(occurrenceCount(agentSource, 'data-tool-name$="[[tool]]"')).toBe(1);
+ expect(overviewSource).not.toContain("data-tool-name");
+
+ for (const handler of AGENT_CRITICAL_HANDLERS) {
+ const definition = new RegExp(
+ `private (?:async )?${handler}\\s*\\(`,
+ "g",
+ );
+ expect(
+ occurrenceCount(combinedSource, definition),
+ `${handler} combined owner`,
+ ).toBe(1);
+ expect(
+ occurrenceCount(agentSource, definition),
+ `${handler} subpage owner`,
+ ).toBe(1);
+ expect(
+ occurrenceCount(overviewSource, definition),
+ `${handler} overview`,
+ ).toBe(0);
+ }
+
+ for (const sectionId of [
+ "modelAndConnection",
+ "behaviorAndContext",
+ "capabilities",
+ "learningAndAnalysis",
+ "dataAndManagement",
+ ]) {
+ expect(occurrenceCount(combinedSource, `id="${sectionId}"`)).toBe(1);
+ expect(occurrenceCount(agentSource, `id="${sectionId}"`)).toBe(1);
+ expect(occurrenceCount(overviewSource, `id="${sectionId}"`)).toBe(0);
+ }
+ expect(agentHtmlPatch).toContain("/);
+ expect(agentHtmlPatch).toMatch(
+ /;",
+ "setSetting(key: string, value: string|null): Promise;",
+ "getMemorySummary(): Promise;",
+ "clearAllMemory(): Promise;",
+ "getWorkspaceSummary(): Promise;",
+ "openWorkspace(): Promise;",
+ "getUsageStats(): Promise;",
+ "resetUsageStats(): Promise;",
+ ]) {
+ expect(proxyPatch).toContain(token);
+ }
+ });
+
+ it("serializes complete optimistic disabled-tool writes", () => {
+ const tsPatch = addedPayload(readPatch("dao_page/dao_agent_page.ts.patch"));
+ const webUiTestPatch = readDaoSource(
+ "src/patches/chrome/test/data/webui/settings/" +
+ "dao_agent_page_test.ts.patch",
+ );
+ const queueMethod = extractBetween(
+ tsPatch,
+ "private queueDisabledToolsWrite_()",
+ "private async setAgentSetting_",
+ );
+
+ expect(queueMethod).toMatch(
+ /const value = this\.serializeDisabledTools_\(\);[\s\S]*?const generation = \+\+this\.disabledToolsMutationGeneration_;[\s\S]*?\+\+this\.disabledToolsWritesPending_;[\s\S]*?this\.preserveOptimisticDisabledTools_ = true;[\s\S]*?dao_disabled_tools: value/,
+ );
+ expect(queueMethod).toMatch(
+ /this\.disabledToolsWritePromise_ =\s*this\.disabledToolsWritePromise_\.then\(async \(\) => \{[\s\S]*?setSetting\(\s*'dao_disabled_tools', value\)[\s\S]*?--this\.disabledToolsWritesPending_;[\s\S]*?if \(this\.disabledToolsWritesPending_ !== 0\) \{\s*return;/,
+ );
+ expect(queueMethod).toMatch(
+ /await this\.agentSettingsBrowserProxy_\.getSettings\(\)[\s\S]*?generation === this\.disabledToolsMutationGeneration_[\s\S]*?this\.disabledToolsWritesPending_ === 0[\s\S]*?this\.preserveOptimisticDisabledTools_ = false;[\s\S]*?this\.updateAgentSettings_\(snapshot, true\)/,
+ );
+ expect(
+ occurrenceCount(
+ addedPayload(webUiTestPatch),
+ "test('concurrentToolTogglesPersistCompleteDisabledArray'",
+ ),
+ ).toBe(1);
+ });
+
+ it("normalizes partial legacy usage without weakening stored snapshots", () => {
+ const handler = readDaoSource(
+ "src/dao/browser/agent/dao_agent_settings_handler.cc",
+ );
+ const handlerTest = readDaoSource(
+ "src/dao/browser/agent/dao_agent_settings_handler_unittest.cc",
+ );
+
+ expect(handler).toContain("NormalizeLegacyUsageStats");
+ expect(handlerTest).toContain("MigratesPartialLegacyUsageStats");
+ expect(handlerTest).toContain("RejectsMalformedPartialLegacyUsageStats");
+ expect(handlerTest).toContain(
+ "CanonicalUsageStatsStillRequireCompleteSchema",
+ );
+ });
+
+ it("restores the Agent resume window default and zero-hour minimum", () => {
+ const htmlPatch = readPatch("dao_page/dao_agent_page.html.patch");
+ const tsPatch = readPatch("dao_page/dao_agent_page.ts.patch");
+ const webUiTestPatch = readDaoSource(
+ "src/patches/chrome/test/data/webui/settings/" +
+ "dao_agent_page_test.ts.patch",
+ );
+
+ expect(htmlPatch).toMatch(
+ /id="daoAgentResumeHours"[^>]*type="number" min="0"/,
+ );
+ expect(tsPatch).toContain(
+ "agentResumeStaleHours_: {type: String, value: '3'}",
+ );
+ expect(tsPatch).toContain(
+ "snapshot.values['dao_resume_stale_hours'] || '3'",
+ );
+ expect(webUiTestPatch).toContain(
+ "agentResumeWindowDefaultsToThreeAndAllowsZero",
+ );
+ });
+
+ it("isolates configuration failure from the management cards", () => {
+ const htmlPatch = readPatch("dao_page/dao_agent_page.html.patch");
+ const tsPatch = readPatch("dao_page/dao_agent_page.ts.patch");
+ const webUiTestPatch = readDaoSource(
+ "src/patches/chrome/test/data/webui/settings/" +
+ "dao_agent_page_test.ts.patch",
+ );
+ const managementStart = htmlPatch.indexOf(
+ '",
+ managementStart,
+ );
+
+ expect(tsPatch).toContain("agentSettingsError_");
+ expect(tsPatch).toContain("loadAgentSettings_");
+ expect(htmlPatch).toContain('id="agentSettingsRetry"');
+ expect(managementStart).toBeGreaterThanOrEqual(0);
+ expect(settingsGateEnd).toBeLessThan(managementStart);
+ expect(webUiTestPatch).toContain(
+ "configurationFailureKeepsManagementCardsUsable",
+ );
+ });
+
+ it("keeps nested top-level page views in overview document flow", () => {
+ const nestedPagePatches = [
+ "people_page/people_page_index.html.patch",
+ "autofill_page/autofill_page_index.html.patch",
+ "your_saved_info_page/your_saved_info_page_index.html.patch",
+ "appearance_page/appearance_page_index.html.patch",
+ "a11y_page/a11y_page_index.html.patch",
+ ];
+
+ for (const relativePath of nestedPagePatches) {
+ expect(existsSync(patchPath(relativePath)), relativePath).toBe(true);
+ expect(readPatch(relativePath), relativePath).toContain(
+ "[slot=view]:not(.closing)",
+ );
+ expect(readPatch(relativePath), relativePath).toContain(
+ "position: initial",
+ );
+ }
+ });
+
+ it("keeps usage-statistic mutations inside their scoped pref updates", () => {
+ const handler = readDaoSource(
+ "src/dao/browser/agent/dao_agent_settings_handler.cc",
+ );
+ const api_usage = handler.match(
+ /void RecordDaoAgentApiUsage[\s\S]*?\n}\n\nvoid RecordDaoAgentToolUsage/,
+ )?.[0];
+ const tool_usage = handler.match(
+ /void RecordDaoAgentToolUsage[\s\S]*?\n}\n\nvoid ResetDaoAgentUsageStats/,
+ )?.[0];
+
+ expect(api_usage).toBeDefined();
+ expect(tool_usage).toBeDefined();
+ expect(api_usage).not.toContain("ReadUsageStatsOrDefault");
+ expect(tool_usage).not.toContain("ReadUsageStatsOrDefault");
+ expect(api_usage).toMatch(
+ /ScopedDictPrefUpdate update[\s\S]*?update->FindDouble/,
+ );
+ expect(tool_usage).toMatch(
+ /ScopedDictPrefUpdate update[\s\S]*?update->FindDict/,
+ );
+ });
+
+ it("exposes only the restricted Agent management surface", () => {
+ const handler = readDaoSource(
+ "src/dao/browser/agent/dao_agent_settings_handler.cc",
+ );
+ for (const message of [
+ "getDaoAgentMemorySummary",
+ "clearAllDaoAgentMemory",
+ "getDaoAgentWorkspaceSummary",
+ "openDaoAgentWorkspace",
+ "getDaoAgentUsageStats",
+ "resetDaoAgentUsageStats",
+ ]) {
+ expect(handler).toContain(`"${message}"`);
+ }
+ for (const forbidden of [
+ "workspaceRead",
+ "workspaceWrite",
+ "workspaceEdit",
+ "workspaceApplyPatch",
+ "workspaceList",
+ "workspaceDownload",
+ ]) {
+ expect(handler).not.toContain(`"${forbidden}"`);
+ }
+ });
+
+ it("renders the complete Agent management ledger without dropping links", () => {
+ const htmlPatch = readPatch("dao_page/dao_agent_page.html.patch");
+ const tsPatch = readPatch("dao_page/dao_agent_page.ts.patch");
+ const managementSource = tsPatch + htmlPatch;
+
+ for (const token of [
+ "conversationCount",
+ "preferenceCount",
+ "episodeCount",
+ "totalSize",
+ "usedBytes",
+ "capBytes",
+ "fileCount",
+ "recentActivity",
+ "apiCalls",
+ "toolCalls",
+ "promptTokens",
+ "completionTokens",
+ "totalTokens",
+ "estimatedCost",
+ "clearAllMemory",
+ "openWorkspace",
+ "resetUsageStats",
+ 'href="dao://skills"',
+ 'href="dao://memory"',
+ 'href="dao://dream"',
+ ]) {
+ expect(managementSource).toContain(token);
+ }
+
+ for (const id of [
+ "daoAgentMemoryManagement",
+ "daoAgentWorkspaceManagement",
+ "daoAgentUsageManagement",
+ "clearAllMemoryDialog",
+ "resetUsageStatsDialog",
+ ]) {
+ expect(htmlPatch).toContain(`id="${id}"`);
+ }
+
+ const memoryCard = extractBetween(
+ htmlPatch,
+ 'id="daoAgentMemoryManagement"',
+ 'id="daoAgentWorkspaceManagement"',
+ );
+ const workspaceCard = extractBetween(
+ htmlPatch,
+ 'id="daoAgentWorkspaceManagement"',
+ 'id="daoAgentUsageManagement"',
+ );
+ const usageCard = extractBetween(
+ htmlPatch,
+ 'id="daoAgentUsageManagement"',
+ 'id="daoAgentClearMemoryDialog"',
+ );
+ const clearDialog = extractBetween(
+ htmlPatch,
+ 'id="clearAllMemoryDialog"',
+ 'id="daoAgentResetUsageDialog"',
+ );
+ const resetDialog = extractBetween(
+ htmlPatch,
+ 'id="resetUsageStatsDialog"',
+ "",
+ );
+
+ expect(memoryCard).toMatch(
+ /if="\[\[showSummaryLoadError_\(memoryError_, memoryActionSucceeded_\)\]\]"[\s\S]*?id="memoryLoadError"[\s\S]*?id="agentMemoryRetry"[\s\S]*?on-click="onRetryMemory_"/,
+ );
+ expect(memoryCard).toMatch(
+ /if="\[\[showSummaryRefreshError_\(memoryError_, memoryActionSucceeded_\)\]\]"[\s\S]*?id="memoryRefreshError"[\s\S]*?daoAgentManagementMemoryRefreshError[\s\S]*?id="agentMemoryRefreshRetry"/,
+ );
+ expect(workspaceCard).toMatch(
+ /if="\[\[workspaceError_\]\]"[\s\S]*?id="agentWorkspaceRetry"[\s\S]*?on-click="onRetryWorkspace_"/,
+ );
+ expect(usageCard).toMatch(
+ /if="\[\[showSummaryLoadError_\(usageError_, usageActionSucceeded_\)\]\]"[\s\S]*?id="usageLoadError"[\s\S]*?id="agentUsageRetry"[\s\S]*?on-click="onRetryUsage_"/,
+ );
+ expect(usageCard).toMatch(
+ /if="\[\[showSummaryRefreshError_\(usageError_, usageActionSucceeded_\)\]\]"[\s\S]*?id="usageRefreshError"[\s\S]*?daoAgentManagementUsageRefreshError[\s\S]*?id="agentUsageRefreshRetry"/,
+ );
+ expect(memoryCard).toContain('if="[[memoryActionError_]]"');
+ expect(memoryCard).toContain("$i18n{daoAgentManagementMemoryRefreshError}");
+ expect(workspaceCard).toContain('if="[[workspaceActionError_]]"');
+ expect(usageCard).toContain('if="[[usageActionError_]]"');
+ expect(usageCard).toContain("$i18n{daoAgentManagementUsageRefreshError}");
+
+ expect(clearDialog).toMatch(
+ /on-close="onClearMemoryDialogClose_"[\s\S]*?id="clearAllMemoryConfirm"[\s\S]*?disabled="\[\[clearMemoryPending_\]\]"[\s\S]*?on-click="onConfirmClearMemory_"/,
+ );
+ expect(resetDialog).toMatch(
+ /on-close="onResetUsageDialogClose_"[\s\S]*?id="resetUsageStatsConfirm"[\s\S]*?disabled="\[\[resetUsagePending_\]\]"[\s\S]*?on-click="onConfirmResetUsage_"/,
+ );
+
+ expect(memoryCard.match(/dao-agent-management-loading-row/g)).toHaveLength(
+ 4,
+ );
+ expect(
+ workspaceCard.match(/dao-agent-management-loading-row/g),
+ ).toHaveLength(3);
+ expect(usageCard.match(/dao-agent-management-loading-row/g)).toHaveLength(
+ 7,
+ );
+ expect(htmlPatch).toMatch(
+ /\.dao-agent-management-state \{[\s\S]*?min-height: 62px;/,
+ );
+ expect(htmlPatch).toMatch(
+ /@media \(max-width: 760px\)[\s\S]*?\.dao-agent-management-state\.error \{[\s\S]*?flex-direction: column;/,
+ );
+
+ expect(workspaceCard).toMatch(
+ /aria-label\$="\[\[formatActivityLabel_\(item\.operation, item\.path\)\]\]"/,
+ );
+ expect(workspaceCard).toContain('datetime$="[[item.timestamp]]"');
+ expect(workspaceCard).not.toContain("[[item.operation]] · [[item.path]]");
+
+ expect(htmlPatch).toContain('');
+ expect(htmlPatch).toContain('');
+ expect(htmlPatch).toContain('
${this.toastText_}
` : ''}
`;
@@ -296,6 +291,11 @@ export class DaoAgentApp extends CrLitElement {
}
}
+ private openUnifiedSettings_() {
+ void callNative('openTab', {url: 'dao://settings/#dao'});
+ chrome.send('closeSidebar');
+ }
+
private onNewChatClick_() {
if (this.activeTab_ !== 'chat') {
this.activeTab_ = 'chat';
@@ -381,9 +381,6 @@ export class DaoAgentApp extends CrLitElement {
return (this.shadowRoot ?? this).querySelector('dao-chat-view');
}
- private getSettingsView_(): DaoSettingsView|null {
- return (this.shadowRoot ?? this).querySelector('dao-settings-view');
- }
private refreshLocalizedViews_() {
this.requestUpdate();
diff --git a/src/dao/browser/ui/webui/resources/agent/dao_settings_view.ts b/src/dao/browser/ui/webui/resources/agent/dao_settings_view.ts
deleted file mode 100644
index 2448011a..00000000
--- a/src/dao/browser/ui/webui/resources/agent/dao_settings_view.ts
+++ /dev/null
@@ -1,1696 +0,0 @@
-// Copyright 2026 Dao Browser Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import {CrLitElement, css, html, nothing} from
- '//resources/lit/v3_0/lit.rollup.js';
-
-import {
- callNative,
- callNativeArgs,
- CONFIDENCE_THRESHOLD_MAP,
- currentSoulContent,
- DEFAULT_SOUL,
- getAgentToolDefinitions,
- getAgentStats,
- refreshSoulContent,
- resetAgentStats,
- saveSoul,
- soulChannel,
-} from './agent_bridge.js';
-import {t} from './i18n/i18n.js';
-
-// Reply shape from C++ workspaceGetInfo (DaoAgentWorkspaceHandler).
-interface WorkspaceInfo {
- root: string; // absolute path
- used_bytes: number;
- cap_bytes: number;
- file_count: number;
- file_count_cap: number;
-}
-
-// Reply shape from C++ workspaceGetRecentActivity. `ts` is an ISO-8601 string
-// produced by base::TimeFormatAsIso8601. `op` is one of 'write' | 'edit' |
-// 'apply_patch'.
-interface WorkspaceAuditEntry {
- ts: string;
- op: string;
- path: string;
-}
-
-const DREAM_RUN_NATIVE_TIMEOUT_MS = 6 * 60 * 1000;
-
-import type {AgentStats, ToolDefinition} from './agent_bridge.js';
-import {initializeBrowserToolCatalog} from './browser_tool_catalog.js';
-import {
- getActiveProvider,
- getProviderConfig,
- LLM_PROVIDERS,
- setActiveProvider,
- setProviderConfig,
-} from './llm_config.js';
-import type {ProviderSpec} from './llm_config.js';
-import {
- countEnabled,
- getGroupState,
- isGroupExpanded,
- isToolEnabled,
- setGroupEnabled,
- setGroupExpanded,
- setToolEnabled,
- TOOL_GROUPS,
- toolConfigChannel,
-} from './tool_catalog.js';
-import {
- getJinaApiKey,
- getSearchSourceOverride,
- setJinaApiKey,
- setSearchSourceOverride,
-}
- from './web_search/index.js';
-import type {SearchSourceOverride} from './web_search/index.js';
-
-const DAO_AGENT_DEBUG_MODE_KEY = 'dao_agent_debug_mode';
-const DAO_AGENT_DEBUG_MODE_CHANGED_EVENT = 'dao-agent-debug-mode-changed';
-const DAO_PROACTIVE_ENABLED_KEY = 'dao_proactive_enabled';
-const DAO_PROACTIVE_ENABLED_CHANGED_EVENT =
- 'dao-proactive-enabled-changed';
-
-export class DaoSettingsView extends CrLitElement {
- static override get properties() {
- return {
- activeSubTab_: {type: String, state: true},
- provider_: {type: String, state: true},
- apiKey_: {type: String, state: true},
- jinaApiKey_: {type: String, state: true},
- baseUrl_: {type: String, state: true},
- model_: {type: String, state: true},
- soulText_: {type: String, state: true},
- saveStatusText_: {type: String, state: true},
- saveStatusVisible_: {type: Boolean, state: true},
- memoryEnabled_: {type: Boolean, state: true},
- proactiveEnabled_: {type: Boolean, state: true},
- dreamEnabled_: {type: Boolean, state: true},
- dreamDebug_: {type: Boolean, state: true},
- dreamRunning_: {type: Boolean, state: true},
- dreamExcludedDomains_: {type: Array, state: true},
- dreamExcludedDomainInput_: {type: String, state: true},
- pageContextEnabled_: {type: Boolean, state: true},
- conversationEnabled_: {type: Boolean, state: true},
- threshold_: {type: String, state: true},
- statConversations_: {type: Number, state: true},
- statPreferences_: {type: Number, state: true},
- statEpisodes_: {type: Number, state: true},
- statTotal_: {type: String, state: true},
- showConfirmDialog_: {type: Boolean, state: true},
- agentStats_: {type: Object, state: true},
- showResetStatsDialog_: {type: Boolean, state: true},
- toolCallShowDetails_: {type: Boolean, state: true},
- debugMode_: {type: Boolean, state: true},
- resumeLastSession_: {type: Boolean, state: true},
- resumeStaleHours_: {type: Number, state: true},
- workspaceInfo_: {type: Object, state: true},
- workspaceActivity_: {type: Array, state: true},
- toolDefinitions_: {type: Array, state: true},
- toolCatalogLoadFailed_: {type: Boolean, state: true},
- };
- }
-
- declare private activeSubTab_: string;
- declare private provider_: string;
- declare private apiKey_: string;
- declare private jinaApiKey_: string;
- declare private baseUrl_: string;
- declare private model_: string;
- declare private soulText_: string;
- declare private saveStatusText_: string;
- declare private saveStatusVisible_: boolean;
- declare private memoryEnabled_: boolean;
- declare private proactiveEnabled_: boolean;
- declare private dreamEnabled_: boolean;
- declare private dreamDebug_: boolean;
- declare private dreamRunning_: boolean;
- declare private dreamExcludedDomains_: string[];
- declare private dreamExcludedDomainInput_: string;
- declare private pageContextEnabled_: boolean;
- declare private conversationEnabled_: boolean;
- declare private threshold_: string;
- declare private statConversations_: number;
- declare private statPreferences_: number;
- declare private statEpisodes_: number;
- declare private statTotal_: string;
- declare private showConfirmDialog_: boolean;
- private saveStatusTimer_ = 0;
- declare private agentStats_: AgentStats|null;
- declare private showResetStatsDialog_: boolean;
- declare private toolCallShowDetails_: boolean;
- declare private debugMode_: boolean;
- declare private resumeLastSession_: boolean;
- declare private resumeStaleHours_: number;
- declare private workspaceInfo_: WorkspaceInfo|null;
- declare private workspaceActivity_: WorkspaceAuditEntry[]|null;
- declare private toolDefinitions_: ToolDefinition[]|null;
- declare private toolCatalogLoadFailed_: boolean;
-
- static override get styles() {
- return css`
- :host {
- display: flex; flex-direction: column;
- flex: 1; overflow: hidden;
- }
- :host([hidden]) { display: none !important; }
-
- .settings-sub-tabs {
- display: flex; gap: 2px; padding: 6px 14px 0;
- border-bottom: 1px solid rgba(255,255,255,0.15); flex-shrink: 0;
- }
- .sub-tab {
- background: none; border: none;
- border-bottom: 2px solid transparent;
- padding: 6px 10px; font-size: 12px; font-family: inherit;
- color: var(--text-tertiary); cursor: pointer;
- transition: color 0.15s, border-color 0.15s;
- }
- .sub-tab:hover { color: var(--text-secondary); }
- .sub-tab.active {
- color: var(--text); border-bottom-color: var(--accent);
- }
-
- .panel {
- flex: 1; overflow-y: auto; overflow-x: hidden; padding: 14px;
- }
- .panel::-webkit-scrollbar { width: 4px; }
- .panel::-webkit-scrollbar-track { background: transparent; }
- .panel::-webkit-scrollbar-thumb {
- background: rgba(0,0,0,0.12); border-radius: 4px;
- }
- .panel::-webkit-scrollbar-thumb:hover {
- background: rgba(0,0,0,0.2);
- }
-
- @media (prefers-color-scheme: dark) {
- .panel::-webkit-scrollbar-thumb {
- background: rgba(255,255,255,0.18);
- }
- .panel::-webkit-scrollbar-thumb:hover {
- background: rgba(255,255,255,0.30);
- }
- }
-
- .section-title {
- font-size: 14px; font-weight: 600;
- color: var(--text); margin-bottom: 4px;
- }
- .section-desc {
- font-size: 12px; color: var(--text-tertiary);
- margin-bottom: 12px; line-height: 1.4;
- }
-
- /* Connection inputs */
- label {
- display: block; font-size: 11px;
- color: var(--text-tertiary);
- margin-bottom: 3px; margin-top: 10px;
- }
- label:first-of-type { margin-top: 0; }
- input {
- width: 100%; padding: 7px 10px;
- box-sizing: border-box;
- background: var(--glass); border: 1px solid var(--glass-border);
- border-radius: 10px; color: var(--text);
- font-size: 12px; outline: none;
- box-shadow: var(--shadow-sm);
- transition: border-color 0.15s, box-shadow 0.15s;
- }
- input:focus {
- border-color: rgba(70, 120, 190, 0.4);
- box-shadow: 0 0 0 3px rgba(70, 120, 190, 0.08);
- }
- select {
- width: 100%; padding: 7px 10px;
- box-sizing: border-box;
- background: var(--glass); border: 1px solid var(--glass-border);
- border-radius: 10px; color: var(--text);
- font-size: 12px; font-family: inherit; outline: none;
- box-shadow: var(--shadow-sm);
- appearance: none;
- background-image: url("data:image/svg+xml;utf8,");
- background-repeat: no-repeat;
- background-position: right 10px center;
- padding-right: 28px;
- transition: border-color 0.15s, box-shadow 0.15s;
- }
- select:focus {
- border-color: rgba(70, 120, 190, 0.4);
- box-shadow: 0 0 0 3px rgba(70, 120, 190, 0.08);
- }
- select option {
- background: var(--glass-strong, #2a2434); color: var(--text);
- }
-
- /* Soul editor */
- .soul-editor {
- width: 100%; min-height: 300px; padding: 10px 12px;
- box-sizing: border-box;
- background: var(--glass); border: 1px solid var(--glass-border);
- border-radius: 10px; color: var(--text);
- font-family: ui-monospace, 'SF Mono', Menlo, Monaco, monospace;
- font-size: 12px; line-height: 1.5;
- resize: vertical; outline: none;
- box-shadow: var(--shadow-sm);
- transition: border-color 0.15s, box-shadow 0.15s;
- }
- .soul-editor:focus {
- border-color: rgba(70, 120, 190, 0.4);
- box-shadow: 0 0 0 3px rgba(70, 120, 190, 0.08);
- }
- .soul-editor::placeholder { color: var(--text-tertiary); }
- .soul-actions {
- display: flex; align-items: center; gap: 8px; margin-top: 10px;
- }
- .dream-exclusions {
- margin: 12px 0 4px;
- padding-bottom: 10px;
- border-bottom: 1px solid var(--border);
- }
- .dream-exclusion-input-row {
- display: grid;
- grid-template-columns: minmax(0, 1fr) auto;
- gap: 8px;
- align-items: center;
- }
- .dream-exclusion-list {
- display: flex;
- flex-wrap: wrap;
- gap: 6px;
- margin-top: 8px;
- }
- .dream-exclusion-chip {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- min-width: 0;
- max-width: 100%;
- padding: 4px 6px 4px 9px;
- border: 1px solid var(--glass-border);
- border-radius: 8px;
- background: var(--glass);
- color: var(--text-secondary);
- font-size: 12px;
- }
- .dream-exclusion-chip span {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .dream-exclusion-chip button {
- width: 18px;
- height: 18px;
- padding: 0;
- border: 0;
- border-radius: 6px;
- background: transparent;
- color: var(--text-tertiary);
- cursor: pointer;
- font: inherit;
- line-height: 18px;
- }
- .dream-exclusion-chip button:hover {
- background: var(--glass-strong);
- color: var(--text);
- }
- .btn-primary {
- padding: 7px 18px; background: var(--accent); border: none;
- border-radius: 10px; color: white;
- font-size: 12px; font-family: inherit; cursor: pointer;
- box-shadow: 0 2px 6px rgba(70, 120, 190, 0.25);
- transition: filter 0.15s, box-shadow 0.15s;
- }
- .btn-primary:hover {
- filter: brightness(1.12);
- box-shadow: 0 3px 10px rgba(70, 120, 190, 0.35);
- }
- .btn-secondary {
- padding: 7px 18px; background: var(--glass);
- border: 1px solid var(--glass-border); border-radius: 10px;
- color: var(--text-secondary);
- font-size: 12px; font-family: inherit; cursor: pointer;
- transition: background 0.15s, color 0.15s;
- }
- .btn-secondary:hover {
- background: var(--glass-strong); color: var(--text);
- }
- .save-status {
- font-size: 11px; color: var(--accent);
- opacity: 0; transition: opacity 0.3s;
- }
- .save-status.visible { opacity: 1; }
-
- /* Toggle row */
- .toggle-row {
- display: flex; align-items: center; justify-content: space-between;
- padding: 8px 0; border-bottom: 1px solid var(--border);
- }
- .toggle-label {
- display: flex; flex-direction: column; gap: 2px;
- flex: 1; min-width: 0;
- }
- .toggle-name { font-size: 13px; color: var(--text); }
- .toggle-desc { font-size: 11px; color: var(--text-tertiary); }
- .toggle {
- position: relative; display: inline-block;
- width: 36px; height: 20px; flex-shrink: 0; cursor: pointer;
- }
- .toggle input { display: none; }
- .toggle-track {
- position: absolute; inset: 0;
- background: var(--glass); border: 1px solid var(--glass-border);
- border-radius: 10px; transition: background 150ms, border-color 150ms;
- }
- .toggle-track::after {
- content: ''; position: absolute; top: 2px; left: 2px;
- width: 14px; height: 14px; background: white;
- border-radius: 50%; transition: transform 150ms;
- box-shadow: 0 1px 3px rgba(0,0,0,0.1);
- }
- .toggle input:checked + .toggle-track {
- background: var(--accent); border-color: var(--accent);
- }
- .toggle input:checked + .toggle-track::after {
- transform: translateX(16px);
- }
-
- /* Segment selector */
- .setting-group {
- padding: 10px 0; border-bottom: 1px solid var(--border);
- }
- .segment-selector {
- display: flex; gap: 2px; margin-top: 8px; padding: 2px;
- background: var(--glass); border: 1px solid var(--glass-border);
- border-radius: 10px; overflow: hidden;
- }
- .segment {
- flex: 1; height: 26px; background: transparent;
- border: none; font-size: 12px; font-family: inherit;
- color: var(--text-secondary); cursor: pointer;
- border-radius: 8px;
- transition: background 150ms, color 150ms;
- }
- .segment:hover { background: rgba(255,255,255,0.2); }
- .segment.active {
- background: var(--accent); color: white;
- box-shadow: 0 1px 4px rgba(70, 120, 190, 0.3);
- }
-
- /* Memory stats */
- .memory-stats { margin-top: 16px; padding-top: 12px; }
- .stats-list {
- display: flex; flex-direction: column; gap: 8px; margin-top: 8px;
- }
- .stat-row {
- display: flex; align-items: center; gap: 8px;
- font-size: 13px; color: var(--text);
- }
- .stat-dot {
- width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
- }
- .dot-accent { background: var(--accent); }
- .dot-blue { background: #60a5fa; }
- .dot-green { background: #4ade80; }
- .stat-count {
- margin-left: auto; font-variant-numeric: tabular-nums;
- color: var(--text-secondary);
- }
- .stat-total {
- margin-top: 8px; font-size: 12px; color: var(--text-tertiary);
- }
-
- /* Danger button */
- .btn-danger {
- display: block; width: 100%; height: 36px; margin-top: 16px;
- background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.15);
- border-radius: 10px; color: var(--error);
- font-size: 13px; font-family: inherit; cursor: pointer;
- transition: background 150ms, border-color 150ms;
- }
- .btn-danger:hover {
- background: rgba(239, 68, 68, 0.18);
- border-color: rgba(239, 68, 68, 0.25);
- }
-
- /* Stats cards */
- .stats-cards {
- display: flex; flex-direction: column; gap: 10px;
- margin-bottom: 16px;
- }
- .stats-card {
- display: flex; align-items: center; gap: 12px;
- padding: 12px; background: var(--glass);
- border: 1px solid var(--glass-border);
- border-radius: 12px;
- }
- .stats-icon {
- width: 36px; height: 36px; border-radius: 10px;
- display: flex; align-items: center; justify-content: center;
- flex-shrink: 0;
- }
- .stats-icon.purple { background: rgba(70, 120, 190, 0.15); color: var(--accent); }
- .stats-icon.blue { background: rgba(96, 165, 250, 0.15); color: #60a5fa; }
- .stats-icon.green { background: rgba(74, 222, 128, 0.15); color: #4ade80; }
- .stats-icon.orange { background: rgba(251, 146, 60, 0.15); color: #fb923c; }
- .stats-value {
- font-size: 18px; font-weight: 600; color: var(--text);
- font-variant-numeric: tabular-nums;
- }
- .stats-label {
- font-size: 11px; color: var(--text-tertiary);
- }
- .tool-table {
- width: 100%; border-collapse: collapse; margin-top: 8px;
- }
- .tool-table th, .tool-table td {
- padding: 6px 8px; text-align: left;
- font-size: 12px; border-bottom: 1px solid var(--border);
- }
- .tool-table th {
- color: var(--text-tertiary); font-weight: 500;
- }
- .tool-table td {
- color: var(--text);
- }
- .tool-table td:last-child {
- text-align: right; font-variant-numeric: tabular-nums;
- color: var(--text-secondary);
- }
- .empty-state {
- text-align: center; padding: 24px 16px;
- color: var(--text-tertiary); font-size: 12px;
- }
-
- /* Confirm dialog */
- .confirm-scrim {
- position: fixed; inset: 0;
- background: rgba(0, 0, 0, 0.5);
- display: flex; align-items: center; justify-content: center;
- z-index: 100;
- }
- .confirm-card {
- background: rgba(210, 205, 222, 0.95); border: 1px solid var(--glass-border);
- border-radius: 16px; padding: 20px;
- max-width: 280px; width: 90%;
- box-shadow: 0 8px 32px rgba(0,0,0,0.15);
- }
- .confirm-title {
- font-size: 14px; font-weight: 600;
- color: var(--text); margin-bottom: 8px;
- }
- .confirm-desc {
- font-size: 12px; color: var(--text-secondary);
- line-height: 1.5; margin-bottom: 16px;
- }
- .confirm-actions {
- display: flex; gap: 8px; justify-content: flex-end;
- }
-
- /* Tool catalog */
- .tool-group {
- margin-bottom: 14px; border: 1px solid var(--glass-border);
- border-radius: 12px; overflow: hidden;
- background: var(--glass);
- }
- .tool-group-header {
- display: flex; align-items: center; gap: 10px;
- padding: 10px 12px; background: var(--glass-strong, var(--glass));
- cursor: pointer;
- user-select: none;
- }
- .tool-group.expanded .tool-group-header {
- border-bottom: 1px solid var(--glass-border);
- }
- .tool-group-chevron {
- width: 14px; height: 14px; flex-shrink: 0;
- color: var(--text-tertiary);
- transform: rotate(0deg);
- transition: transform 0.15s ease;
- }
- .tool-group.expanded .tool-group-chevron {
- transform: rotate(90deg);
- }
- .tool-group-label {
- font-size: 13px; font-weight: 600; color: var(--text);
- flex: 1; min-width: 0;
- }
- .tool-group-count {
- font-size: 11px; color: var(--text-tertiary);
- font-variant-numeric: tabular-nums;
- }
- .tool-group-checkbox {
- width: 16px; height: 16px; flex-shrink: 0;
- accent-color: var(--accent);
- cursor: pointer;
- }
- .tool-list {
- display: flex; flex-direction: column;
- }
- .tool-row {
- display: flex; align-items: flex-start; gap: 10px;
- padding: 8px 12px; border-top: 1px solid var(--border);
- }
- .tool-row:first-child { border-top: none; }
- .tool-checkbox {
- width: 14px; height: 14px; margin-top: 2px; flex-shrink: 0;
- accent-color: var(--accent); cursor: pointer;
- }
- .tool-meta {
- display: flex; flex-direction: column; gap: 2px;
- flex: 1; min-width: 0;
- }
- .tool-name {
- font-size: 12px; color: var(--text);
- font-family: ui-monospace, 'SF Mono', Menlo, Monaco, monospace;
- }
- .tool-desc {
- font-size: 11px; color: var(--text-tertiary);
- line-height: 1.4; word-break: break-word;
- }
- `;
- }
-
- private boundOnToolConfigChanged_: (() => void) | null = null;
-
- constructor() {
- super();
- this.activeSubTab_ = 'general';
- this.provider_ = 'openai-compatible';
- this.apiKey_ = '';
- this.jinaApiKey_ = '';
- this.baseUrl_ = 'https://api.openai.com/v1';
- this.model_ = 'gpt-5';
- this.soulText_ = '';
- this.saveStatusText_ = '';
- this.saveStatusVisible_ = false;
- this.memoryEnabled_ = false;
- this.proactiveEnabled_ = true;
- this.dreamEnabled_ = false;
- this.dreamDebug_ = false;
- this.dreamRunning_ = false;
- this.dreamExcludedDomains_ = [];
- this.dreamExcludedDomainInput_ = '';
- this.pageContextEnabled_ = true;
- this.conversationEnabled_ = true;
- this.threshold_ = 'balanced';
- this.statConversations_ = 0;
- this.statPreferences_ = 0;
- this.statEpisodes_ = 0;
- this.statTotal_ = t('settings.memory.total_format', {kb: '0'});
- this.showConfirmDialog_ = false;
- this.agentStats_ = null;
- this.showResetStatsDialog_ = false;
- this.toolCallShowDetails_ = false;
- this.debugMode_ = false;
- this.resumeLastSession_ = true;
- this.resumeStaleHours_ = 3;
- this.workspaceInfo_ = null;
- this.workspaceActivity_ = null;
- this.toolDefinitions_ = null;
- this.toolCatalogLoadFailed_ = false;
- }
-
-
- override connectedCallback() {
- super.connectedCallback();
- this.loadSettings_();
- this.loadMemorySettings_();
- void this.initializeToolDefinitions_();
-
- soulChannel.addEventListener('message', () => {
- refreshSoulContent();
- this.soulText_ = currentSoulContent;
- });
-
- // Another agent tab (or our own toggles) changed the tool config —
- // re-render so the checkboxes reflect the new state.
- this.boundOnToolConfigChanged_ = () => this.requestUpdate();
- toolConfigChannel.addEventListener(
- 'message', this.boundOnToolConfigChanged_);
- window.addEventListener(
- 'dao-tool-config-changed', this.boundOnToolConfigChanged_);
- }
-
- override disconnectedCallback() {
- super.disconnectedCallback();
- if (this.boundOnToolConfigChanged_) {
- toolConfigChannel.removeEventListener(
- 'message', this.boundOnToolConfigChanged_);
- window.removeEventListener(
- 'dao-tool-config-changed', this.boundOnToolConfigChanged_);
- this.boundOnToolConfigChanged_ = null;
- }
- }
-
- switchSubTab(tab: string) {
- this.activeSubTab_ = tab;
- if (tab === 'soul') {
- refreshSoulContent();
- this.soulText_ = currentSoulContent;
- } else if (tab === 'memory') {
- this.loadStorageStats_();
- } else if (tab === 'stats') {
- this.agentStats_ = getAgentStats();
- } else if (tab === 'tools') {
- this.loadWorkspaceInfo_();
- this.loadWorkspaceActivity_();
- }
- }
-
- private async initializeToolDefinitions_() {
- try {
- await initializeBrowserToolCatalog();
- this.toolDefinitions_ = getAgentToolDefinitions();
- this.toolCatalogLoadFailed_ = false;
- } catch (error) {
- console.error('[dao] browser tool catalog load failed', error);
- this.toolDefinitions_ = [];
- this.toolCatalogLoadFailed_ = true;
- }
- }
-
- override render() {
- return html`
-
- ${['general', 'soul', 'tools', 'memory', 'skills', 'stats'].map(
- tab => html`
- `)}
-
- ${this.activeSubTab_ === 'soul' ? this.renderSoul_() :
- this.activeSubTab_ === 'tools' ? this.renderTools_() :
- this.activeSubTab_ === 'skills' ? this.renderSkills_() :
- this.activeSubTab_ === 'stats' ? this.renderStats_() :
- this.activeSubTab_ === 'memory' ? this.renderMemory_() :
- this.renderGeneral_()}
- ${this.showConfirmDialog_ ? this.renderConfirmDialog_() : nothing}
- ${this.showResetStatsDialog_ ? this.renderResetStatsDialog_() : nothing}
- `;
- }
-
- private renderGeneral_() {
- const spec = this.getProviderSpec_(this.provider_);
- return html`
-
-
- ${t('settings.general.api_connection_title')}
-
- ${t('settings.general.api_connection_desc')}
-
-
-
-
this.onApiKeyChange_(
- (e.target as HTMLInputElement).value)}>
- ${spec.needsBaseUrl ? html`
-
-
this.onBaseUrlChange_(
- (e.target as HTMLInputElement).value)}>` : nothing}
-
-
this.onModelChange_(
- (e.target as HTMLInputElement).value)}>
-
-
- ${t('settings.general.display_title')}
- ${this.renderToggle_(
- t('settings.general.show_tool_details_name'),
- t('settings.general.show_tool_details_desc'),
- this.toolCallShowDetails_, (v) => {
- this.toolCallShowDetails_ = v;
- localStorage.setItem(
- 'dao_tool_call_show_details', String(v));
- })}
- ${this.renderToggle_(
- t('settings.general.debug_mode_name'),
- t('settings.general.debug_mode_desc'),
- this.debugMode_, (v) => this.setDebugMode_(v))}
-
-
- ${t('settings.general.session_title')}
- ${this.renderToggle_(
- t('settings.general.resume_session_name'),
- t('settings.general.resume_session_desc'),
- this.resumeLastSession_, (v) => {
- this.resumeLastSession_ = v;
- localStorage.setItem(
- 'dao_resume_last_session', String(v));
- })}
-
-
-
- ${t('settings.general.stale_threshold_name')}
-
- ${t('settings.general.stale_threshold_desc')}
-
-
- this.onResumeStaleHoursChange_(
- (e.target as HTMLInputElement).value)}>
-
- ${t('settings.general.hours_unit')}
-
-
-
-
${t('settings.soul.title')}
-
${t('settings.soul.desc')}
-
-
-
-
- ${this.saveStatusText_}
-
-
-
${t('settings.memory.title')}
-
${t('settings.memory.desc')}
-
- ${this.renderToggle_(
- t('settings.memory.enable_name'),
- t('settings.memory.enable_desc'),
- this.memoryEnabled_, (v) => {
- this.memoryEnabled_ = v;
- callNativeArgs('setMemoryEnabled', v).catch(() => {});
- if (v) {
- this.loadStorageStats_();
- }
- })}
- ${this.memoryEnabled_ ? html`
- ${this.renderToggle_(
- t('settings.memory.proactive_name'),
- t('settings.memory.proactive_desc'),
- this.proactiveEnabled_, (v) => {
- this.setProactiveEnabled_(v);
- })}
-
-
-
- ${t('settings.memory.threshold_name')}
-
- ${thresholds.map(tier => html`
- `)}
-
-
-
- ${this.renderToggle_(
- t('settings.memory.page_context_name'),
- t('settings.memory.page_context_desc'),
- this.pageContextEnabled_, (v) => {
- this.pageContextEnabled_ = v;
- localStorage.setItem(
- 'dao_page_context_enabled', String(v));
- })}
- ${this.renderToggle_(
- t('settings.memory.conversation_name'),
- t('settings.memory.conversation_desc'),
- this.conversationEnabled_, (v) => {
- this.conversationEnabled_ = v;
- localStorage.setItem(
- 'dao_conversation_enabled', String(v));
- })}
-
-
-
- ${t('settings.memory.usage_title')}
-
-
-
- ${t('settings.memory.conversations')}
- ${this.statConversations_}
-
-
-
- ${t('settings.memory.preferences')}
- ${this.statPreferences_}
-
-
-
- ${t('settings.memory.episodes')}
- ${this.statEpisodes_}
-
-
-
${this.statTotal_}
-
-
-
- ` : nothing}
-
-
${t('settings.dream.title')}
-
${t('settings.dream.desc')}
- ${this.renderToggle_(
- t('settings.dream.enable_name'),
- t('settings.dream.enable_desc'),
- this.dreamEnabled_, (v) => {
- this.dreamEnabled_ = v;
- callNativeArgs('setDreamEnabled', v).catch(() => {});
- })}
-
-
-
- {
- this.dreamExcludedDomainInput_ =
- (e.target as HTMLInputElement).value;
- }}
- @keydown=${(e: KeyboardEvent) => {
- if (e.key === 'Enter') {
- e.preventDefault();
- void this.addDreamExcludedDomain_();
- }
- }}>
-
-
-
- ${this.dreamExcludedDomains_.map(domain => html`
-
- ${domain}
-
- `)}
-
-
- ${this.renderToggle_(
- t('settings.dream.debug_name'),
- t('settings.dream.debug_desc'),
- this.dreamDebug_, (v) => {
- this.dreamDebug_ = v;
- callNativeArgs('setDreamDebug', v).catch(() => {});
- })}
-
-
-
-
-
-
- ${name}
- ${desc}
-
-
-
{
- if (e.target === e.currentTarget) {
- this.showConfirmDialog_ = false;
- }
- }}>
-
-
- ${t('settings.memory.clear_dialog_title')}
-
- ${t('settings.memory.clear_dialog_desc')}
-
-
-
-
-
-
-
- ${t('settings.workspace.section_title')}
-
-
- ${t('settings.workspace.section_desc')}
-
-
-
-
-
-
-
-
-
-
- ${info ? t('settings.workspace.usage_value',
- {used, cap, percent: String(percent)}) : '—'}
-
-
-
- ${info ? t('settings.workspace.file_count_value',
- {count: String(info.file_count),
- cap: String(info.file_count_cap)}) : '—'}
-
-
-
- ${t('settings.workspace.activity_title')}
-
- ${activity === null ? html`
-
- ${t('settings.workspace.activity_loading')}
-
- ` : activity.length === 0 ? html`
-
- ${t('settings.workspace.activity_empty')}
-
- ` : html`
-
- ${activity.map(e => html`
-
- ${t('settings.workspace.activity_row', {
- when: this.formatRelativeTime_(e.ts),
- op: e.op,
- path: e.path,
- })}
-
`)}
-
- `}
-
-
${t('settings.stats.title')}
-
- ${t('settings.stats.since_format', {date: sinceStr})}
-
-
-
-
${apiIcon}
-
-
${s.apiCalls}
-
${t('settings.stats.api_calls')}
-
-
-
-
${toolIcon}
-
-
${totalToolCalls}
-
${t('settings.stats.tool_calls')}
-
-
-
-
${tokenIcon}
-
-
${this.formatNumber_(s.totalTokens)}
-
${
- t('settings.stats.total_tokens_format', {
- inTok: this.formatNumber_(s.promptTokens),
- outTok: this.formatNumber_(s.completionTokens),
- })}
-
-
-
-
${costIcon}
-
-
$${s.estimatedCost.toFixed(4)}
-
- ${t('settings.stats.estimated_cost')}
-
-
-
-
-
- ${t('settings.stats.tool_breakdown')}
- ${toolEntries.length > 0 ? html`
-
` :
- html`
- ${t('settings.stats.empty')}
`}
-
-
-
{
- if (e.target === e.currentTarget) {
- this.showResetStatsDialog_ = false;
- }
- }}>
-
-
- ${t('settings.stats.reset_dialog_title')}
-
- ${t('settings.stats.reset_dialog_desc')}
-
-
-
-
-
-
- ${t('settings.tools.catalog_loading')}
-
` :
- this.toolCatalogLoadFailed_ ?
- html`
- ${t('settings.tools.catalog_load_failed')}
-
-
` :
- TOOL_GROUPS.map(group => this.renderToolGroup_(group.id));
- return html`
-
-
${t('settings.tools.title')}
-
${t('settings.tools.desc')}
- ${catalogState}
-
-
${t('settings.skills.title')}
-
${t('settings.skills.desc')}
-
-
-
$i18n{daoAgentSettingsTitle}
++
++ $i18n{daoAgentSettingsDescription}
++
++
++
++ $i18n{daoAgentManagementLoading}
++
++
++
++
++
++ $i18n{daoAgentSettingsLoadError}
++
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++
++
++ $i18n{daoAgentGroupModelAndConnection}
++
++
++
$i18n{daoAgentModelTitle}
++
++ $i18n{daoAgentModelDescription}
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentGroupBehaviorAndContext}
++
++
++
$i18n{daoAgentSessionTitle}
++
++
++ $i18n{daoAgentResumeSessionLabel}
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentToolDetailsLabel}
++
++
++
++
++
++
++ $i18n{daoAgentDebugLabel}
++
++
++
++
++
++
$i18n{daoAgentSoulTitle}
++
++ $i18n{daoAgentSoulDescription}
++
++
++
++
$i18n{daoAgentContextTitle}
++
++
++ $i18n{daoAgentPageContextLabel}
++
++
++
++
++
++
++ $i18n{daoAgentConversationLabel}
++
++
++
++
++
++
++
++
++ $i18n{daoAgentGroupCapabilities}
++
++
++
$i18n{daoAgentToolsTitle}
++
++ $i18n{daoAgentToolsDescription}
++
++
++ $i18n{daoAgentToolsPage}
++
++
++
++
++ $i18n{daoAgentToolsTabs}
++
++
++
++
++
++ $i18n{daoAgentToolsDevTools}
++
++
++
++
++
++
++ $i18n{daoAgentToolsMemory}
++
++
++
++
++
++ $i18n{daoAgentToolsWeb}
++
++
++
++
++
++ $i18n{daoAgentToolsWorkspace}
++
++
++
++
++
++ $i18n{daoAgentIndividualTools}
++
++
++
++
$i18n{daoAgentSearchTitle}
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentGroupLearningAndAnalysis}
++
++
++
$i18n{daoAgentMemoryTitle}
++
++
++ $i18n{daoAgentMemoryLabel}
++
++
++
++
++
++
++ $i18n{daoAgentProactiveLabel}
++
++
++
++
++
++
++
$i18n{daoAgentDreamTitle}
++
++
++ $i18n{daoAgentDreamLabel}
++
++
++
++
++
++
++ $i18n{daoAgentDreamDebugLabel}
++
++
++
++
++
++
++
++ $i18n{daoAgentGroupDataAndManagement}
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementMemoryError}
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++
++ $i18n{daoAgentManagementMemoryRefreshError}
++
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++ $i18n{daoAgentManagementMemoryActionError}
++
++
++
++
++
++
- $i18n{daoAgentManagementConversations}
++ - [[formatInteger_(memorySummary_.conversationCount)]]
++
++
++
- $i18n{daoAgentManagementPreferences}
++ - [[formatInteger_(memorySummary_.preferenceCount)]]
++
++
++
- $i18n{daoAgentManagementEpisodes}
++ - [[formatInteger_(memorySummary_.episodeCount)]]
++
++
++
- $i18n{daoAgentManagementTotalSize}
++ - [[formatBytes_(memorySummary_.totalSize)]]
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementMemoryCleared}
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementWorkspaceError}
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++ $i18n{daoAgentManagementWorkspaceActionError}
++
++
++
++
++
++
- $i18n{daoAgentManagementRoot}
++ -
++ [[workspaceSummary_.root]]
++
++
++
++
- $i18n{daoAgentManagementStorage}
++ -
++ [[formatBytes_(workspaceSummary_.usedBytes)]] /
++ [[formatBytes_(workspaceSummary_.capBytes)]]
++
++
++
++
- $i18n{daoAgentManagementFiles}
++ -
++ [[formatInteger_(workspaceSummary_.fileCount)]] /
++ [[formatInteger_(workspaceSummary_.fileCountCap)]]
++
++
++
++
++
++ $i18n{daoAgentManagementRecentActivity}
++
++
++
++
++ -
++
++
++
++ [[item.operation]]
++
++
++ [[item.path]]
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementNoRecentActivity}
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementWorkspaceOpened}
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementUsageError}
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++
++ $i18n{daoAgentManagementUsageRefreshError}
++
++
++ $i18n{daoAgentManagementRetry}
++
++
++
++
++
++ $i18n{daoAgentManagementUsageActionError}
++
++
++
++
++
++
- $i18n{daoAgentManagementApiCalls}
++ - [[formatInteger_(usageStats_.apiCalls)]]
++
++
++
- $i18n{daoAgentManagementToolCalls}
++ - [[getUsageToolCallCount_(usageStats_)]]
++
++
++
- $i18n{daoAgentManagementPromptTokens}
++ - [[formatInteger_(usageStats_.promptTokens)]]
++
++
++
- $i18n{daoAgentManagementCompletionTokens}
++ - [[formatInteger_(usageStats_.completionTokens)]]
++
++
++
- $i18n{daoAgentManagementTotalTokens}
++ - [[formatInteger_(usageStats_.totalTokens)]]
++
++
++
- $i18n{daoAgentManagementEstimatedCost}
++ - [[formatCost_(usageStats_.estimatedCost)]]
++
++
++
- $i18n{daoAgentManagementLastReset}
++ - [[formatTimestamp_(usageStats_.lastReset)]]
++
++
++
++
++ $i18n{daoAgentManagementToolCalls}
++
++
++
++
++
++
++ $i18n{daoAgentManagementNoToolCalls}
++
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementUsageReset}
++
++
++
++
++
++
++
++ $i18n{daoAgentManagementClearMemoryDialogTitle}
++
++
++ $i18n{daoAgentManagementClearMemoryDialogDescription}
++
++
++
++ $i18n{daoAgentManagementClearMemoryCancel}
++
++
++ $i18n{daoAgentManagementClearMemoryConfirm}
++
++
++
++
++
++
++ $i18n{daoAgentManagementResetUsageDialogTitle}
++
++
++ $i18n{daoAgentManagementResetUsageDialogDescription}
++
++
++
++ $i18n{daoAgentManagementResetUsageCancel}
++
++
++ $i18n{daoAgentManagementResetUsageConfirm}
++
++
++
++
+
$i18n{searchNoResults}
+@@ -56,6 +65,26 @@
+
+
+
+
+
-
++
++
++
++
++
++
++
++
++
+
+
+-
+-
+-
+-
+-
+-
+-
+-
+
+
+
+
++
++
++
++
++
++
++
++
++
+
+
+
diff --git a/src/patches/chrome/browser/resources/settings/settings_main/settings_main.ts.patch b/src/patches/chrome/browser/resources/settings/settings_main/settings_main.ts.patch
index 33b2281d..0f3da40e 100644
--- a/src/patches/chrome/browser/resources/settings/settings_main/settings_main.ts.patch
+++ b/src/patches/chrome/browser/resources/settings/settings_main/settings_main.ts.patch
@@ -1,8 +1,7 @@
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.ts b/chrome/browser/resources/settings/settings_main/settings_main.ts
-index ad60dbd778..0000000001 100644
--- a/chrome/browser/resources/settings/settings_main/settings_main.ts
+++ b/chrome/browser/resources/settings/settings_main/settings_main.ts
-@@ -16,6 +16,7 @@ import '../autofill_page/autofill_page_index.js';
+@@ -17,6 +17,7 @@
import '../on_startup_page/on_startup_page.js';
import '../people_page/people_page_index.js';
import '../performance_page/performance_page_index.js';
@@ -10,3 +9,312 @@ index ad60dbd778..0000000001 100644
import '../privacy_page/privacy_page_index.js';
import '../reset_page/reset_profile_banner.js';
import '../search_page/search_page_index.js';
+@@ -53,6 +54,10 @@
+ noSearchResults: HTMLElement,
+ switcher: CrViewManagerElement,
+ };
++
++ restoreOverviewScroll(): void;
++ scrollToOverviewSection(
++ section: string, behavior?: ScrollBehavior): boolean;
+ }
+
+ const SettingsMainElementBase = RouteObserverMixin(PolymerElement);
+@@ -100,6 +105,12 @@
+ value: false,
+ },
+
++ overviewMode_: {
++ type: Boolean,
++ value: false,
++ reflectToAttribute: true,
++ },
++
+ showNoResultsFound_: {
+ type: Boolean,
+ value: false,
+@@ -129,6 +140,7 @@
+ declare private lastRoute_: Route|null;
+ declare private routes_: SettingsRoutes;
+ declare private inSearchMode_: boolean;
++ declare private overviewMode_: boolean;
+ declare private showNoResultsFound_: boolean;
+ declare private showResetProfileBanner_: boolean;
+ declare toolbarSpinnerActive: boolean;
+@@ -140,6 +152,9 @@
+ private pendingViewSwitching_: PromiseResolver
= new PromiseResolver();
+ private topLevelEquivalentRoute_: Route = getTopLevelRoute();
+ private currentQuery_: string = '';
++ private activeOverviewSection_: string = '';
++ private overviewObserver_: IntersectionObserver|null = null;
++ private overviewScrollTop_: number = 0;
+
+ override connectedCallback() {
+ super.connectedCallback();
+@@ -150,6 +165,12 @@
+ requestIdleCallback(() => ensureLazyLoaded());
+ }
+
++ override disconnectedCallback() {
++ super.disconnectedCallback();
++ this.overviewObserver_?.disconnect();
++ this.overviewObserver_ = null;
++ }
++
+ private beforeNextRenderPromise_(): Promise {
+ return new Promise(res => {
+ beforeNextRender(this, res);
+@@ -159,32 +180,51 @@
+ override async currentRouteChanged(route: Route) {
+ this.pendingViewSwitching_ = new PromiseResolver();
+
+- if (routes.ADVANCED && routes.ADVANCED.contains(route)) {
+- // Load the lazy module immediately, don't wait for requestIdleCallback()
+- // to fire. No-op if it has already fired.
+- ensureLazyLoaded();
++ const wasOverview = this.overviewMode_;
++ this.overviewMode_ = this.isOverviewRoute_(route);
++ if (wasOverview && !this.overviewMode_) {
++ this.rememberOverviewScroll_();
+ }
+
++ if (this.overviewMode_ ||
++ (routes.ADVANCED && routes.ADVANCED.contains(route))) {
++ await ensureLazyLoaded();
++ }
++
+ const effectiveRoute =
+- route === routes.BASIC ? this.topLevelEquivalentRoute_ : route;
++ this.overviewMode_ ? route :
++ (route === routes.BASIC ?
++ this.topLevelEquivalentRoute_ :
++ route);
+
+ if (this.lastRoute_ === effectiveRoute) {
+- // Nothing to do.
+ this.pendingViewSwitching_.resolve();
+ return;
+ }
+
+ this.lastRoute_ = effectiveRoute;
+
++ if (this.overviewMode_) {
++ await this.beforeNextRenderPromise_();
++ if (this.lastRoute_ !== effectiveRoute || !this.isConnected) {
++ this.pendingViewSwitching_.resolve();
++ return;
++ }
++
++ const sectionIds = this.getOverviewSectionIds_();
++ await this.$.switcher.switchViews(
++ sectionIds, 'no-animation', 'no-animation');
++ this.setupOverviewObserver_();
++ this.pendingViewSwitching_.resolve();
++ return;
++ }
++
+ const newSection = effectiveRoute.section;
+ let sectionElement = this.$.switcher.querySelector(`#${newSection}`);
+ if (!sectionElement) {
+- // Wait for any pageVisibility s to render and try again.
+ await this.beforeNextRenderPromise_();
+
+ if (this.lastRoute_ !== effectiveRoute || !this.isConnected) {
+- // A newer currentRouteChanged call happened while awaiting or no longer
+- // connected (both can happen in tests). Do nothing.
+ this.pendingViewSwitching_.resolve();
+ return;
+ }
+@@ -192,6 +232,8 @@
+ }
+
+ assert(sectionElement);
++ this.overviewObserver_?.disconnect();
++ this.overviewObserver_ = null;
+ await this.$.switcher.switchView(
+ sectionElement.id, 'no-animation', 'no-animation');
+ this.pendingViewSwitching_.resolve();
+@@ -210,6 +252,9 @@
+ * @return A promise indicating that searching finished.
+ */
+ searchContents(query: string): Promise {
++ if (this.currentQuery_ === '' && query !== '') {
++ this.rememberOverviewScroll_();
++ }
+ this.inSearchMode_ = true;
+ this.toolbarSpinnerActive = true;
+ this.currentQuery_ = query;
+@@ -256,10 +301,23 @@
+ this.inSearchMode_ = !result.wasClearSearch;
+ this.showNoResultsFound_ = this.inSearchMode_ && result.matchCount === 0;
+
++ const matchingSections =
++ this.getOverviewSections_().map(section => section.id);
++ this.dispatchEvent(
++ new CustomEvent('settings-overview-search-results-changed', {
++ bubbles: true,
++ composed: true,
++ detail: {query, sections: matchingSections},
++ }));
++ this.setupOverviewObserver_();
++ if (!this.inSearchMode_) {
++ this.restoreOverviewScroll();
++ }
++
+ if (this.inSearchMode_) {
+ getAnnouncerInstance().announce(
+ this.showNoResultsFound_ ?
+ loadTimeData.getString('searchNoResults') :
+ loadTimeData.getStringF('searchResults', query));
+ }
+ });
+@@ -267,7 +325,7 @@
+ }
+
+ private renderPlugin_(route: Route): boolean {
+- return this.inSearchMode_ ||
++ return this.overviewMode_ || this.inSearchMode_ ||
+ (!!this.lastRoute_ && route.contains(this.lastRoute_));
+ }
+
+@@ -295,8 +353,138 @@
+ }
+
+ private shouldShowAll_(): boolean {
+- return this.inSearchMode_ && !!this.lastRoute_ &&
+- !this.lastRoute_.isSubpage();
++ return this.overviewMode_ ||
++ (this.inSearchMode_ && !!this.lastRoute_ &&
++ !this.lastRoute_.isSubpage());
++ }
++
++ private isOverviewRoute_(route: Route): boolean {
++ if (route === routes.ABOUT || route.isNavigableDialog ||
++ route.isSubpage()) {
++ return false;
++ }
++
++ return route === routes.BASIC || route === routes.ADVANCED ||
++ route.parent === routes.BASIC || route.parent === routes.ADVANCED;
++ }
++
++ private getOverviewSectionIds_(): string[] {
++ return Array
++ .from(this.$.switcher.querySelectorAll(
++ ':scope > [slot=view]'))
++ .filter(section => section.id !== 'about')
++ .map(section => section.id);
++ }
++
++ private getOverviewSections_(): HTMLElement[] {
++ return Array
++ .from(this.$.switcher.querySelectorAll(
++ ':scope > [slot=view].active'))
++ .filter(section => {
++ const plugin = section.querySelector(
++ ':scope > :not(template)');
++ return section.id !== 'about' && !!plugin &&
++ !plugin?.hasAttribute('hidden-by-search');
++ });
++ }
++
++ scrollToOverviewSection(
++ section: string, behavior: ScrollBehavior = 'smooth'): boolean {
++ if (!this.overviewMode_) {
++ return false;
++ }
++
++ const target = this.$.switcher.querySelector(
++ `#${CSS.escape(section)}`);
++ if (!target || !this.getOverviewSections_().includes(target)) {
++ return false;
++ }
++
++ target.scrollIntoView({behavior, block: 'start'});
++ this.updateActiveOverviewSection_(section);
++ return true;
++ }
++
++ restoreOverviewScroll(): void {
++ if (!this.overviewMode_) {
++ return;
++ }
++
++ const container = this.getScrollContainer_();
++ if (!container) {
++ return;
++ }
++
++ const maxScroll =
++ Math.max(0, container.scrollHeight - container.clientHeight);
++ container.scrollTop = Math.min(this.overviewScrollTop_, maxScroll);
++ this.updateActiveOverviewSectionFromScroll_();
++ }
++
++ private getScrollContainer_(): HTMLElement|null {
++ const root = this.getRootNode();
++ return root instanceof ShadowRoot ? root.querySelector('#container') : null;
++ }
++
++ private rememberOverviewScroll_() {
++ const container = this.getScrollContainer_();
++ if (container) {
++ this.overviewScrollTop_ = container.scrollTop;
++ }
++ }
++
++ private setupOverviewObserver_() {
++ this.overviewObserver_?.disconnect();
++ const container = this.getScrollContainer_();
++ const sections = this.getOverviewSections_();
++ if (!container || sections.length === 0) {
++ return;
++ }
++
++ this.overviewObserver_ = new IntersectionObserver(
++ () => this.updateActiveOverviewSectionFromScroll_(), {
++ root: container,
++ rootMargin: '-30px 0px -65% 0px',
++ threshold: [0, 0.01, 1],
++ });
++ sections.forEach(section => this.overviewObserver_!.observe(section));
++ this.updateActiveOverviewSectionFromScroll_();
++ }
++
++ private updateActiveOverviewSectionFromScroll_() {
++ const container = this.getScrollContainer_();
++ const sections = this.getOverviewSections_();
++ if (!container || sections.length === 0) {
++ return;
++ }
++
++ const readingLine = container.getBoundingClientRect().top + 40;
++ let current = sections[0];
++ for (const section of sections) {
++ if (section.getBoundingClientRect().top <= readingLine) {
++ current = section;
++ } else {
++ break;
++ }
++ }
++
++ if (container.scrollTop + container.clientHeight >=
++ container.scrollHeight - 2) {
++ current = sections[sections.length - 1];
++ }
++ this.updateActiveOverviewSection_(current.id);
++ }
++
++ private updateActiveOverviewSection_(section: string) {
++ if (section === this.activeOverviewSection_) {
++ return;
++ }
++ this.activeOverviewSection_ = section;
++ this.dispatchEvent(new CustomEvent('settings-overview-section-changed', {
++ bubbles: true,
++ composed: true,
++ detail: {section},
++ }));
+ }
+
+ private onResetProfileBannerClose_() {
diff --git a/src/patches/chrome/browser/resources/settings/settings_menu/settings_menu.html.patch b/src/patches/chrome/browser/resources/settings/settings_menu/settings_menu.html.patch
index 2a77f466..be986780 100644
--- a/src/patches/chrome/browser/resources/settings/settings_menu/settings_menu.html.patch
+++ b/src/patches/chrome/browser/resources/settings/settings_menu/settings_menu.html.patch
@@ -1,18 +1,245 @@
diff --git a/chrome/browser/resources/settings/settings_menu/settings_menu.html b/chrome/browser/resources/settings/settings_menu/settings_menu.html
-index cddbd3b798..0000000001 100644
--- a/chrome/browser/resources/settings/settings_menu/settings_menu.html
+++ b/chrome/browser/resources/settings/settings_menu/settings_menu.html
-@@ -59,6 +59,13 @@
- $i18n{peoplePageTitle}
-
-
-+
+
+
+-