Effective state
@@ -5717,6 +5748,7 @@
Confirm governance change
});
let scopeDir = null;
+ let environmentDir = [];
let scopeDirNote = "Loading scopes…";
async function loadScopeDirectory() {
const r = await api("GET", "/api/scopes");
@@ -5728,6 +5760,7 @@
Confirm governance change
}
viewLoadedAt.history = Date.now();
scopeDir = r.data.scopes || [];
+ environmentDir = r.data.environments || [];
if (SCOPED.has(view) && !urlToState().session) {
const memoryEditor = view === "memory" && !(orgWideView() && urlToState().mem !== "edit");
@@ -6244,6 +6277,19 @@
Confirm governance change
);
}
window.addEventListener("scroll", syncGovernanceSectionNav, { passive: true });
+ function renderEnvironmentNotice(data) {
+ const notice = $("environment-notice");
+ const attachment = data?.environmentAttachment;
+ notice.classList.toggle("hidden", !attachment);
+ if (!attachment) return;
+ const name = attachment.environmentName || shortName(attachment.environmentId);
+ $("environment-notice-title").textContent = "Uses named environment " + name;
+ $("environment-notice-detail").textContent =
+ "Computer files and working memory resolve to this environment. Governance and conversation history remain scoped here.";
+ $("environment-notice-open").textContent = "Open " + name;
+ $("environment-notice-open").onclick = () =>
+ go({ view: "governance", scope: attachment.environmentId, session: null, page: 1 });
+ }
let governanceReq = 0;
async function loadScope() {
const requestedScope = scope;
@@ -6259,6 +6305,7 @@
Confirm governance change
);
return;
}
+ renderEnvironmentNotice(r.data);
renderGovernanceOverview(r.data);
syncGovernanceSectionNav();
loadedCommandPolicyPresent = r.data.commandPolicy != null;
@@ -11451,6 +11498,21 @@
Confirm governance change
actions: [sortControl],
});
const activityTime = (s) => (scopeSort === "human" ? s.lastConversationActivity || 0 : s.lastActivity || 0);
+ if (environmentDir.length) {
+ const environments = denseList(
+ environmentDir,
+ (environment) => ({
+ name: environment.name || shortName(environment.id),
+ preview: plural(environment.attachedScopes?.length || 0, "attached scope"),
+ href: stateToUrl({ view: "history", scope: environment.id, historyKind }),
+ }),
+ (environment) => selectScope(environment.id),
+ "No named environments.",
+ );
+ root.appendChild(
+ dataCard("Named environments", "Named computers and working memory that scopes can share.", environments),
+ );
+ }
const t = denseList(
activeRows,
(s) => {
diff --git a/plugins/admin/test/environments.test.ts b/plugins/admin/test/environments.test.ts
new file mode 100644
index 000000000..3ec8c9fb8
--- /dev/null
+++ b/plugins/admin/test/environments.test.ts
@@ -0,0 +1,13 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+
+const html = readFileSync(join(import.meta.dirname, "../public/index.html"), "utf8");
+
+test("the admin UI lists named environments and links attachment warnings", () => {
+ assert.match(html, /Named environments/);
+ assert.match(html, /id="environment-notice"/);
+ assert.match(html, /Uses named environment/);
+ assert.match(html, /scope: attachment\.environmentId/);
+});
diff --git a/plugins/web-ui/src/chat.ts b/plugins/web-ui/src/chat.ts
index de3ec466d..e633b9f65 100644
--- a/plugins/web-ui/src/chat.ts
+++ b/plugins/web-ui/src/chat.ts
@@ -12,6 +12,7 @@ import {
Brain,
Check,
ChevronRight,
+ Clock3,
Copy,
FileImage,
FileText,
@@ -1538,7 +1539,7 @@ export function createChatSurface(
async function refreshBackgroundDetail(): Promise
{
const id = chatState.sessionId;
if (!id) {
- bgPanel.detail = { jobs: [], watches: [] };
+ bgPanel.detail = { jobs: [], watches: [], crons: [] };
return;
}
const seq = ++bgPanel.fetchSeq;
@@ -1567,7 +1568,12 @@ export function createChatSurface(
const row = sessionsState.list.find((r) =>
chatState.sessionId ? r.id === chatState.sessionId : r.threadRef === chatState.threadRef,
);
- if (row && ((row.backgroundJobs ?? 0) !== d.jobs.length || (row.watches ?? 0) !== d.watches.length)) {
+ if (
+ row &&
+ ((row.backgroundJobs ?? 0) !== d.jobs.length ||
+ (row.watches ?? 0) !== d.watches.length ||
+ (row.crons ?? 0) !== d.crons.length)
+ ) {
await refreshSessions({ silent: true });
redrawBackgroundPanel();
}
@@ -1620,7 +1626,7 @@ export function createChatSurface(
const row = conversationBackground(sessionsState.list, chatState.sessionId, chatState.threadRef);
const live =
bgPanel.open && bgPanel.detail
- ? backgroundLabel(bgPanel.detail.jobs.length, bgPanel.detail.watches.length)
+ ? backgroundLabel(bgPanel.detail.jobs.length, bgPanel.detail.watches.length, bgPanel.detail.crons.length)
: null;
const label = (live ?? row)?.label;
if (!label && !bgPanel.open) return nothing;
@@ -1643,13 +1649,14 @@ export function createChatSurface(
function backgroundPanelBody(): TemplateResult {
const d = bgPanel.detail;
- const empty = d && d.jobs.length === 0 && d.watches.length === 0;
+ const empty = d && d.jobs.length === 0 && d.watches.length === 0 && d.crons.length === 0;
return html`
${bgPanel.error ? html`
${bgPanel.error}
` : nothing}
${!d && bgPanel.loading ? html`
Loading…
` : nothing}
${empty && !bgPanel.error ? html`
Nothing running here anymore.
` : nothing}
${d ? d.jobs.map((j) => backgroundJobRow(j)) : nothing}
${d ? d.watches.map((w) => backgroundWatchRow(w)) : nothing}
+ ${d ? d.crons.map((c) => backgroundCronRow(c)) : nothing}
+
+ ${icon(Clock3, 13)}
+ Cron — ${c.title ?? "scheduled task"}
+ ${c.nextFireAt ? `next fire ${nextFireIn(c.nextFireAt)}` : "paused"}
+
+