pi-roundtable-web 0.24.2 → 0.26.0

package/src/web-plugin.ts

@@ -1,3 +1,4 @@
+import { existsSync } from "node:fs";
 import { join } from "node:path";
 import {
 	AGENTS,
@@ -6,10 +7,14 @@ import {
 	IDENTITY,
 	MEMORY,
 	MODES,
+	PROFILES,
+	PROMPTS,
 	type RoundtablePlugin,
 	SCHEDULES,
+	SKILLS,
 } from "pi-roundtable";
 import { DISCORD } from "pi-roundtable/discord";
+import type { PaneName } from "./api-types.ts";
 import { APP_MIGRATIONS, OwnerApp } from "./app/app.ts";
 import { APP_PROTOCOL } from "./app/protocol.ts";
 import { UPLOAD_FRAMING_BYTES } from "./app/uploads.ts";
@@ -19,8 +24,16 @@ import {
 	createAuthenticator,
 	WEB_CONSOLE_IDENTITY,
 } from "./auth/authenticator.ts";
-import { ConsoleApi } from "./console-api.ts";
+import { discoverProvider, OidcLogin } from "./auth/oidc.ts";
+import { loadSessionKey } from "./auth/session-key.ts";
+import { WebSessions } from "./auth/sessions.ts";
+import {
+	type AccessView,
+	ConsoleApi,
+	type ConsolePorts,
+} from "./console-api.ts";
 import { ConsoleServer } from "./console-server.ts";
+import { Gate } from "./gate.ts";
 import {
 	protectedDirs,
 	type ResolvedOptions,
@@ -30,7 +43,11 @@ import {
 	workspaceRootsOf,
 } from "./options.ts";
 import { loadVapid } from "./push/vapid.ts";
-import { consoleVisitors } from "./visitors.ts";
+import { accessVisitors, consoleVisitors } from "./visitors.ts";
+import { viewerOf, WEB_APP, WebAppRegistry } from "./web-app.ts";
+
+/** How often sessions past their limit are deleted: daily. */
+const SESSION_SWEEP_MS = 86_400_000;
 
 /** The longest a WebSocket stays open under `password` auth: the session cookie is looked at again after this. */
 const PASSWORD_SOCKET_LIFE_MS = 3_600_000;
@@ -47,11 +64,16 @@ export function webConsole(options: WebConsoleOptions): RoundtablePlugin {
 	const { auth } = settings;
 	const rooms = settings.panes.includes("rooms");
 	const schedules = settings.panes.includes("schedules");
+	const migrations = [
+		...(rooms ? APP_MIGRATIONS : []),
+		...(auth.mode === "oidc" ? [WebSessions.migration] : []),
+	];
 	return definePlugin({
 		name: "web-console",
-		...(rooms ? { migrations: APP_MIGRATIONS } : {}),
-		// `none` and `password` speak for one principal through this identity; a verifier brings its own.
-		...(auth.mode === "verifier"
+		...(migrations.length > 0 ? { migrations } : {}),
+		provides: [WEB_APP],
+		// `none` and `password` speak for one principal through this identity; a verifier or a sign-in brings its own.
+		...(auth.mode !== "none" && auth.mode !== "password"
 			? {}
 			: {
 					identities: [
@@ -66,7 +88,10 @@ export function webConsole(options: WebConsoleOptions): RoundtablePlugin {
 			...(settings.panes.includes("overview") || rooms ? [AGENTS] : []),
 			...(rooms ? [MODES] : []),
 			...(schedules ? [SCHEDULES] : []),
-			...(settings.panes.includes("notes") ? [MEMORY] : []),
+			// A list that names the notes pane needs the memory; the default list drops it without one.
+			...(settings.panesGiven && settings.panes.includes("notes")
+				? [MEMORY]
+				: []),
 		],
 		setup: (context) => build(settings, context),
 	});
@@ -76,6 +101,20 @@ type Context = Parameters<RoundtablePlugin["setup"]>[0];
 
 async function build(settings: ResolvedOptions, context: Context) {
 	const { services, queue, logger, env } = context;
+	// What the other plugins register their rooms, pages and steps in: sealed when the web service starts.
+	const webApp = new WebAppRegistry(settings.surface);
+	services.provide(WEB_APP, webApp);
+	const external = settings.push.sender !== "internal";
+	const vapidFile = join(settings.dataDir, "web", "vapid.json");
+	// An external sender holds the key: the app never makes or reads one, and a leftover file would say it does.
+	if (external && existsSync(vapidFile))
+		throw new Error(
+			`web-console: push.sender is external, but ${vapidFile} exists. The app must not hold a push key: delete the file (devices subscribe again against the sender's key)`,
+		);
+	if (settings.admission === "access" && env.agentTools === "full")
+		logger.warn(
+			"web-console: admission is access and the agents carry shell tools. Anyone who can write the database can make a web session, and an agent with a shell can; keep admission owners behind a signing proxy, or run the agent server with tools chat-only",
+		);
 	const features =
 		typeof settings.features === "function"
 			? await settings.features(context)
@@ -108,9 +147,20 @@ async function build(settings: ResolvedOptions, context: Context) {
 				"web-console: the workspace pane needs a directory to show: the agents' workspace (the agent server provides it) or workspace.roots",
 			);
 	}
-	const panes = settings.panes.filter(
-		(pane) => pane !== "workspace" || workspaceRoots.length > 0,
-	);
+	// The default list shows the notes pane only when the host keeps memory.
+	const memory = services.find(MEMORY);
+	const withoutNotes = !settings.panesGiven && memory === undefined;
+	if (withoutNotes && settings.panes.includes("notes"))
+		logger.warn("the notes pane is left out: this host keeps no memory");
+	const servable = (pane: PaneName) =>
+		(pane !== "workspace" || workspaceRoots.length > 0) &&
+		(pane !== "notes" || !withoutNotes);
+	const panes = settings.panes.filter(servable);
+	const tierPanes = {
+		owner: panes,
+		admin: settings.tierPanes.admin.filter(servable),
+		member: settings.tierPanes.member.filter(servable),
+	};
 	if (workspaceRoots.length > 0) checkRoots(workspaceRoots, guarded);
 	const workspace =
 		panes.includes("workspace") && rooms
@@ -124,27 +174,106 @@ async function build(settings: ResolvedOptions, context: Context) {
 	// Absent on a host without the registry: the console then lists conversations found by name only.
 	const registry = services.find(CONVERSATIONS);
 	const identity = services.get(IDENTITY);
+	const profiles = services.find(PROFILES);
+	if (settings.admission === "access" && !profiles)
+		throw new Error(
+			"web-console: admission access needs the PROFILES service; a plugin that replaces IDENTITY must provide PROFILES too",
+		);
+	// An agent's skills are chosen from what the Skills pane lists when the host supplies it, else from the addon's own catalog.
+	const skillRegistry = services.find(SKILLS);
+	const skills = skillRegistry
+		? {
+				catalog: () =>
+					features?.skills
+						? features.skills.catalog()
+						: skillRegistry.catalog(),
+				attach: (
+					agent: string,
+					add: readonly string[],
+					remove: readonly string[],
+				) => skillRegistry.attach(agent, add, remove),
+				documents: skillRegistry,
+			}
+		: undefined;
+	// The prompts plugin is always on; a host that replaced it may leave it out.
+	const prompts = services.find(PROMPTS);
 	const listeners: (() => void)[] = [];
 	const changed = () => {
 		for (const listener of listeners) listener();
 	};
 	// A broken page stops startup here, before anything connects.
 	const assets = loadAssets(settings.assetDir);
+	const gate = new Gate({ registry: webApp });
+	const hosted: ConsolePorts["hosted"] = async (visitor) => {
+		const viewer = viewerOf(visitor);
+		const pages: {
+			id: string;
+			label: string;
+			place: "main" | "settings" | "hidden";
+		}[] = [];
+		for (const page of webApp.hostPages()) {
+			try {
+				if (await page.visible(viewer))
+					pages.push({
+						id: page.id,
+						label: page.label,
+						place: page.place,
+					});
+			} catch (error) {
+				logger.warn(
+					{ page: page.id, err: error },
+					"a page's visibility was not read",
+				);
+			}
+		}
+		const kinds: { kind: string; label: string }[] = [];
+		for (const kind of webApp.kinds()) {
+			try {
+				if ((await kind.list(viewer, {})) !== undefined)
+					kinds.push({ kind: kind.kind, label: kind.label });
+			} catch (error) {
+				logger.warn(
+					{ kind: kind.kind, err: error },
+					"a kind of room was not listed",
+				);
+			}
+		}
+		return { pages, kinds };
+	};
+	const access: AccessView | undefined =
+		settings.admission === "access"
+			? {
+					push: {
+						tiers: settings.push.tiers,
+						...(settings.push.sender !== "internal"
+							? {
+									key: settings.push.sender.external.publicKey,
+									...(settings.push.sender.external.subscribePath
+										? {
+												subscribe: settings.push.sender.external.subscribePath,
+											}
+										: {}),
+								}
+							: {}),
+					},
+					gate: (visitor) => gate.required(viewerOf(visitor)),
+				}
+			: undefined;
 	const api = new ConsoleApi({
 		title: settings.title,
 		timeZone: env.timeZone,
 		panes,
+		tierPanes,
+		...(access ? { access } : {}),
+		hosted,
 		sessionsDir: settings.sessionsDir,
 		...(team ? { team } : {}),
 		queue,
 		...(connection
 			? { channelName: (id: string) => connection.channelInfo(id) }
 			: {}),
-		...(settings.panes.includes("notes")
-			? {
-					memoryOf: (principalId: string) =>
-						services.get(MEMORY).forSpeaker(principalId),
-				}
+		...(panes.includes("notes") && memory
+			? { memoryOf: (principalId: string) => memory.forSpeaker(principalId) }
 			: {}),
 		people: identity,
 		...(settings.exclude ? { exclude: settings.exclude } : {}),
@@ -157,16 +286,45 @@ async function build(settings: ResolvedOptions, context: Context) {
 		characterSkins: env.characterSkins,
 		...(settings.routing === "path" ? { mountPath: settings.mount } : {}),
 		...(rooms
-			? { app: { surface: settings.surface, protocol: APP_PROTOCOL } }
+			? {
+					app: {
+						surface: settings.surface,
+						protocol: APP_PROTOCOL,
+						...(settings.modes ? {} : { modes: false as const }),
+					},
+				}
 			: {}),
 		...(settings.presentation ? { presentation: settings.presentation } : {}),
 	});
+	const identify =
+		settings.admission === "access"
+			? accessVisitors(identity, { surface: settings.surface, logger })
+			: consoleVisitors(identity, {
+					logger,
+					...(settings.ownerId ? { ownerId: settings.ownerId } : {}),
+				});
+	// An open socket closes when its session ends; the app is made after the sign-in it hangs on.
+	let sessionEnded: (id: string) => void = () => undefined;
+	let sweeper: ReturnType<typeof setInterval> | undefined;
+	const sessions =
+		settings.auth.mode === "oidc"
+			? new WebSessions(context.database(), { days: settings.auth.sessionDays })
+			: undefined;
+	const oidc =
+		settings.auth.mode === "oidc" && sessions
+			? await startOidc(settings.auth, {
+					sessions,
+					settings,
+					identify,
+					logger,
+					events: context.events,
+					ended: (id) => sessionEnded(id),
+				})
+			: undefined;
 	const authenticator = createAuthenticator({
 		auth: settings.auth,
-		identify: consoleVisitors(identity, {
-			logger,
-			...(settings.ownerId ? { ownerId: settings.ownerId } : {}),
-		}),
+		identify,
+		...(oidc && sessions ? { oidc: { login: oidc, sessions } } : {}),
 		origin: settings.origin,
 		mount: settings.mount,
 		title: settings.title,
@@ -178,18 +336,25 @@ async function build(settings: ResolvedOptions, context: Context) {
 			address: context.listener(settings.listener),
 		},
 	});
-	if (rooms && !settings.push.subject)
+	if (rooms && !external && !settings.push.subject)
 		logger.warn(
 			"web push is off: the origin is not https, so set push.subject to a mailto: or https: contact",
 		);
-	const vapid = rooms
-		? await loadVapid(join(settings.dataDir, "web", "vapid.json"))
-		: undefined;
+	const vapid = rooms && !external ? await loadVapid(vapidFile) : undefined;
 	const app =
-		rooms && vapid
+		rooms && (vapid || external)
 			? new OwnerApp({
+					...(settings.presentation
+						? { presentation: settings.presentation }
+						: {}),
+					extras: {
+						...(profiles ? { profiles } : {}),
+						routing: settings.routing,
+						onboarding: settings.onboarding,
+						push: settings.push,
+					},
 					push: {
-						vapid,
+						...(vapid ? { vapid } : {}),
 						subject: settings.push.subject,
 						preview: settings.push.preview,
 						...(settings.push.quietHours
@@ -209,14 +374,29 @@ async function build(settings: ResolvedOptions, context: Context) {
 					dataDir: settings.dataDir,
 					cardGraceSeconds: settings.cardGraceSeconds,
 					uploadMaxBytes: settings.uploadMaxBytes,
+					uploadKeepDays: settings.uploadKeepDays,
+					events: context.events,
+					// The name the person goes by in the app, as the profiles name them.
+					...(profiles
+						? { nameOf: async (id: string) => (await profiles.of(id)).name }
+						: {}),
+					roomUrl: (room, message) =>
+						`${settings.routing === "path" ? `${settings.mount}/room/` : `${settings.mount}/#/room/`}${encodeURIComponent(room)}${message === undefined ? "" : `?message=${message}`}`,
 					authenticator,
 					authMode: settings.auth.mode,
+					admission: settings.admission,
+					registry: webApp,
+					gate,
+					pushTiers: settings.push.tiers,
+					modeSwitches: settings.modes,
 					// A password session outlives a logout or a new password on an open socket, so the socket is capped.
 					...(settings.auth.mode === "password"
 						? { socketLifeMs: PASSWORD_SOCKET_LIFE_MS }
 						: {}),
 					database: context.database(),
 					agents: services.get(AGENTS),
+					...(skills ? { skills } : {}),
+					...(prompts ? { prompts } : {}),
 					...(workspace ? { workspace } : {}),
 					modes: services.get(MODES),
 					identity,
@@ -228,7 +408,10 @@ async function build(settings: ResolvedOptions, context: Context) {
 					logger,
 				})
 			: undefined;
-	if (app) listeners.push(() => app.changed());
+	if (app) {
+		listeners.push(() => app.changed());
+		sessionEnded = (id) => app.sessionEnded(id);
+	}
 	const server = new ConsoleServer({
 		mount: settings.mount,
 		assets,
@@ -240,6 +423,8 @@ async function build(settings: ResolvedOptions, context: Context) {
 		...(settings.presentation ? { presentation: settings.presentation } : {}),
 		api,
 		...(app ? { app } : {}),
+		gate,
+		surface: settings.surface,
 		subscribe: (listener) => {
 			listeners.push(listener);
 			queue.onChange(listener);
@@ -252,10 +437,26 @@ async function build(settings: ResolvedOptions, context: Context) {
 			{
 				name: "web-console",
 				start: () => {
+					checkRegistered(settings, webApp);
+					webApp.seal();
 					server.start();
 					app?.start();
+					if (sessions) {
+						const sweep = () =>
+							sessions
+								.sweep()
+								.catch((error: unknown) =>
+									logger.warn(
+										{ err: error },
+										"old web sessions were not deleted",
+									),
+								);
+						sweep();
+						sweeper = setInterval(sweep, SESSION_SWEEP_MS);
+					}
 				},
 				stop: () => {
+					clearInterval(sweeper);
 					app?.stop();
 					server.stop();
 				},
@@ -272,3 +473,69 @@ async function build(settings: ResolvedOptions, context: Context) {
 		dashboard: [`Web console: ${settings.origin}${settings.mount}/`],
 	};
 }
+
+/** What the host registered, checked when the service starts: every provider onboarding names has its prover. */
+function checkRegistered(settings: ResolvedOptions, webApp: WebAppRegistry) {
+	if (
+		settings.onboarding.push !== "off" &&
+		(!settings.panes.includes("rooms") ||
+			(settings.push.sender === "internal" && !settings.push.subject))
+	)
+		throw new Error(
+			"web-console: onboarding.push asks people to turn push on, but push is off here. It needs the rooms pane and a push.subject (or an external sender)",
+		);
+	for (const provider of Object.keys(settings.onboarding.links))
+		if (!webApp.prover(provider))
+			throw new Error(
+				`web-console: onboarding.links names ${provider}, but no plugin registered a link prover for it (WEB_APP.registerLinkProver)`,
+			);
+}
+
+interface OidcParts {
+	sessions: WebSessions;
+	settings: ResolvedOptions;
+	identify: Parameters<typeof createAuthenticator>[0]["identify"];
+	logger: Context["logger"];
+	events: Context["events"];
+	ended(id: string): void;
+}
+
+/** Reads the provider's discovery document, the client secret and the session key, and makes the sign-in flow. */
+async function startOidc(
+	auth: Extract<ResolvedOptions["auth"], { mode: "oidc" }>,
+	parts: OidcParts,
+): Promise<OidcLogin> {
+	const { settings, logger } = parts;
+	let clientSecret: string | undefined;
+	if (auth.clientSecretEnv) {
+		clientSecret = process.env[auth.clientSecretEnv];
+		if (!clientSecret)
+			throw new Error(
+				`web-console: auth.clientSecretEnv names ${auth.clientSecretEnv}, which is not set`,
+			);
+	}
+	return new OidcLogin({
+		settings: auth,
+		metadata: await discoverProvider(auth),
+		...(clientSecret ? { clientSecret } : {}),
+		sessions: parts.sessions,
+		key: loadSessionKey(settings.dataDir, logger),
+		origin: settings.origin,
+		mount: settings.mount,
+		surface: settings.surface,
+		routing: settings.routing,
+		title: settings.title,
+		presentation: settings.presentation,
+		identify: parts.identify,
+		onSignIn: (info) =>
+			parts.events.action?.({
+				kind: "sign-in",
+				actor: info.speakerId,
+				principalId: info.principalId,
+				ok: true,
+				at: new Date(),
+			}),
+		onEnded: parts.ended,
+		logger,
+	});
+}

package/dist/chunk-action-menu-7v5fce2v.js

@@ -1 +0,0 @@
-import{o,yt,c,r,m,e,i,l,W,pt,En}from"./chunk-index-ckgbszwt.js";var k=()=>typeof matchMedia==="function"&&matchMedia("(max-width: 719px)").matches,x={rtMenu:!0},g=()=>Boolean(window.history.state?.rtMenu),E=8,y=(n)=>n?.isConnected?n:null;function b(n){return n.items.map((t)=>i("button",{type:"button",role:t.checked===void 0?"menuitem":"menuitemcheckbox",...t.checked===void 0?{}:{"aria-checked":t.checked},className:"menu-item menu-link","data-tone":t.tone,onClick:()=>n.onChoose(t),children:[t.icon?e("span",{className:"menu-icon","data-tone":t.tone,children:e(l,{name:t.icon,size:18})}):null,e("span",{className:"menu-text",children:e("strong",{children:t.label})}),t.checked?e(l,{name:"check",size:18,className:"menu-check"}):null]},t.id))}function H({menu:n}){let t=c(void 0);if(n)t.current=n;let u=t.current,f=c(!1),v=c(void 0),p=n?.serial;return o(()=>{if(p===void 0)return;return window.history.pushState(x,"",window.location.href),f.current=!0,()=>{if(f.current)f.current=!1,window.history.back()}},[p]),o(()=>{let h=()=>{if(!f.current||g())return;f.current=!1,pt();let M=v.current;v.current=void 0,M?.()};return window.addEventListener("popstate",h),()=>window.removeEventListener("popstate",h)},[]),e(W,{open:n!==void 0,title:u?.title??"",onClose:pt,restoreFocus:()=>y(u?.source??null),children:u?e("div",{className:"menu action-items",role:"menu","aria-label":u.title,children:e(b,{items:u.items,onChoose:(h)=>{if(!f.current){pt(),h.run();return}v.current=h.run,window.history.back()}})}):null})}function T({menu:n}){let t=c(null),[u,f]=r(n.at),{source:v}=n,p=(s)=>{y(v)?.focus(),pt(),s?.()},h=c(p);h.current=p,yt(()=>{let s=t.current;if(!s)return;let a=s.getBoundingClientRect();f({x:Math.max(E,Math.min(n.at.x,window.innerWidth-a.width-E)),y:Math.max(E,Math.min(n.at.y,window.innerHeight-a.height-E))}),s.querySelector('[role^="menuitem"]')?.focus()},[n.serial]),o(()=>{let s=(d)=>{if(d.target instanceof Node&&t.current?.contains(d.target))return;pt()},a=()=>pt();return document.addEventListener("pointerdown",s,!0),document.addEventListener("wheel",s,{capture:!0,passive:!0}),document.addEventListener("touchmove",s,{capture:!0,passive:!0}),window.addEventListener("resize",a),()=>{document.removeEventListener("pointerdown",s,!0),document.removeEventListener("wheel",s,!0),document.removeEventListener("touchmove",s,!0),window.removeEventListener("resize",a)}},[]);let M=(s)=>{let a=[...t.current?.querySelectorAll('[role^="menuitem"]')??[]],d=a.indexOf(document.activeElement),w=(L)=>{s.preventDefault(),a[(L+a.length)%a.length]?.focus()};switch(s.key){case"Escape":s.preventDefault(),s.stopPropagation(),h.current();return;case"ArrowDown":return w(d+1);case"ArrowUp":return w(d<0?-1:d-1);case"Tab":return w(s.shiftKey?d<0?-1:d-1:d+1);case"Home":return w(0);case"End":return w(-1)}};return e("div",{ref:t,className:"action-popover",role:"menu","aria-label":n.title,tabIndex:-1,style:{left:`${u.x}px`,top:`${u.y}px`},onKeyDown:M,children:e(b,{items:n.items,onChoose:(s)=>p(s.run)})})}function I(){let n=En(),t=c(void 0);if(n&&t.current?.serial!==n.serial)t.current={serial:n.serial,sheet:k()};let u=Boolean(n&&t.current?.sheet);return i(m,{children:[e(H,{menu:u?n:void 0}),n&&!u?e(T,{menu:n},n.serial):null]})}export{I as ActionMenuHost};

package/dist/chunk-agent-2rw4ydw2.js

@@ -1 +0,0 @@
-import{o,e,re,f,P,Re}from"./chunk-index-ckgbszwt.js";function g({name:r}){let m=f((i)=>i.listed),t=f((i)=>Object.values(i.rooms).find((n)=>n.view?.kind==="agent"&&n.view.name===r)?.view?.key,r);return o(()=>{if(t)re("room",t,{replace:!0}),Re(r);else if(m)re("rooms",void 0,{replace:!0})},[t,m,r]),e("div",{className:"page",children:e(P,{})})}export{g as AgentPage};

package/dist/chunk-agent-sheet-2q24dkkf.js

@@ -1,3 +0,0 @@
-import{Q,Ge,ie,o,Oe,q,c,r,t,s,e,i,l,f,ae,W,P,S,y,d,b,vt,on,Cn,An}from"./chunk-index-ckgbszwt.js";import{lt}from"./chunk-index-mpm90318.js";import{st}from"./chunk-index-87h45frg.js";function U(n,m){let a=n.split(`
-`),k=m.split(`
-`),h=0;while(h<a.length&&h<k.length&&a[h]===k[h])h++;let g=0;while(g<a.length-h&&g<k.length-h&&a[a.length-1-g]===k[k.length-1-g])g++;let N=a.slice(h,a.length-g),w=k.slice(h,k.length-g),u=a.slice(0,h).map((v)=>({kind:"same",text:v}));return u.push(...me(N,w)),u.push(...a.slice(a.length-g).map((v)=>({kind:"same",text:v}))),u}function me(n,m){let a=(v)=>v.map((L)=>({kind:"del",text:L})),k=(v)=>v.map((L)=>({kind:"add",text:L}));if(n.length===0)return k(m);if(m.length===0)return a(n);if(n.length*m.length>4000000)return[...a(n),...k(m)];let h=m.length+1,g=new Uint32Array((n.length+1)*h);for(let v=n.length-1;v>=0;v--)for(let L=m.length-1;L>=0;L--)g[v*h+L]=n[v]===m[L]?(g[(v+1)*h+L+1]??0)+1:Math.max(g[(v+1)*h+L]??0,g[v*h+L+1]??0);let N=[],w=0,u=0;while(w<n.length&&u<m.length)if(n[w]===m[u])N.push({kind:"same",text:n[w]}),w++,u++;else if((g[(w+1)*h+u]??0)>=(g[w*h+u+1]??0))N.push({kind:"del",text:n[w]}),w++;else N.push({kind:"add",text:m[u]}),u++;return N.push(...a(n.slice(w)),...k(m.slice(u))),N}function X(n){return{added:n.filter((m)=>m.kind==="add").length,removed:n.filter((m)=>m.kind==="del").length}}var ce=ie(()=>(Q("8q6ympxj"),import("./chunk-character-creator-8q6ympxj.js")).then((n)=>({default:n.CharacterCreator}))),fe=["default","off","minimal","low","medium","high","xhigh"],ee={default:s("Follow the assistant (automatic)"),off:s("Off"),minimal:s("Minimal"),low:s("Low"),medium:s("Medium"),high:s("High"),xhigh:s("Very high")},C="default",E=(n)=>t(ee[n]??n),J=(n)=>({displayName:n.displayName,prompt:n.prompt,model:n.model??C,thinking:n.thinking??C});function Y(n,m){return{...m.displayName!==n.displayName?{displayName:m.displayName}:{},...m.prompt!==n.prompt?{prompt:m.prompt}:{},...m.model!==(n.model??C)?{model:m.model}:{},...m.thinking!==(n.thinking??C)?{thinking:m.thinking}:{}}}function Ee(){let n=An(),m=c(n);if(n)m.current=n;let a=m.current,k=n!==void 0;if(o(()=>{if(!k)return;let h=window.location.href,g=()=>{if(window.location.href!==h)on()};return window.addEventListener("popstate",g),window.addEventListener("hashchange",g),()=>{window.removeEventListener("popstate",g),window.removeEventListener("hashchange",g)}},[k]),!a)return null;return e(W,{open:n!==void 0,title:t("Edit agent"),size:"wide",onClose:on,children:e(ue,{name:a.name,opened:a.id},a.name)})}function ue({name:n,opened:m}){let[a,k]=r(),[h,g]=r([]),[N,w]=r(),[u,v]=r(),[L,R]=r(!1),[te,x]=r(!1),[ne,F]=r(!1),se=vt(a?.room??""),M=c(null),T=a!==void 0,V=f((p)=>a?p.rooms[a.room]?.view?.muted===!0:!1,a?.room??""),[oe,H]=r(!1),O=Oe(),B=Oe(),K=Oe();o(()=>{if(!T||!Cn()?.look)return;M.current?.scrollIntoView({block:"start"}),M.current?.focus({preventScroll:!0})},[T,m]);let _=c({});_.current={profile:a,draft:u},o(()=>{let p=!0;return Promise.all([d.agent(n),d.models()]).then(([D,re])=>{if(!p)return;let{profile:G,draft:I}=_.current,de=G&&I&&Object.keys(Y(G,I)).length>0;k(D),g(re.models),v(de?I:J(D))},(D)=>p&&w(b(D))),()=>{p=!1}},[n,m]);let A=q(()=>a&&u?Y(a,u):{},[a,u]);if(N)return e(S,{message:N});if(!a||!u)return e(P,{});let j=Object.keys(A).length>0,le=Array.from(new Set([C,...h,u.model])),z=async()=>{R(!0);try{let p=await d.updateAgent(n,A);k(p),v(J(p)),x(!1),y(t("Saved."))}catch(p){y(b(p),"danger")}finally{R(!1)}};return i("div",{className:"stack agent-sheet",children:[i("header",{className:"profile-head",children:[e(ae,{spec:a.character,name:a.name,size:72,state:se,label:a.displayName}),i("div",{children:[e("h3",{children:a.displayName}),e("p",{className:"meta",children:t("Runs on {model}, thinking {thinking}",{model:a.effective.model,thinking:E(a.effective.thinking)})})]})]}),e("ul",{className:"menu",children:e("li",{children:i("label",{className:"menu-item menu-toggle",htmlFor:K,children:[e("span",{className:"menu-icon",children:e(l,{name:V?"bell-off":"bell"})}),i("span",{className:"menu-text",children:[e("strong",{children:t("Notifications")}),e("span",{className:"meta",children:t("Push this room's posts to every owner's devices. A card that waits for you is always pushed.")})]}),e(lt,{id:K,checked:!V,label:t("Notifications"),busy:oe,onChange:async(p)=>{H(!0),await st(a.room,!p),H(!1)}})]})})}),te?e(ge,{profile:a,draft:u,saving:L,onBack:()=>x(!1),onSave:z}):i("form",{className:"stack form",onSubmit:(p)=>{if(p.preventDefault(),!j)return;if(A.prompt!==void 0)x(!0);else z()},children:[i("label",{htmlFor:B,children:[t("Name"),e("input",{id:B,value:u.displayName,onChange:(p)=>v({...u,displayName:p.target.value})})]}),i("div",{className:"field",children:[i("div",{className:"field-head",children:[e("label",{htmlFor:O,children:t("Prompt")}),i("button",{type:"button",className:"secondary compact","aria-haspopup":"dialog",onClick:()=>F(!0),children:[e(pe,{}),t("Full screen")]})]}),e("textarea",{id:O,rows:8,value:u.prompt,onChange:(p)=>v({...u,prompt:p.target.value})})]}),e(Z,{label:t("Model"),value:u.model,onChange:(p)=>v({...u,model:p}),options:le.map((p)=>({value:p,label:p===C?t("Follow the assistant"):p}))}),e(Z,{label:t("Thinking level"),value:u.thinking,onChange:(p)=>v({...u,thinking:p}),options:fe.map((p)=>({value:p,label:t(ee[p])}))}),e("div",{className:"actions",children:e("button",{type:"submit",disabled:!j||L,children:L?t("Saving…"):A.prompt!==void 0?t("Review changes"):t("Save")})})]}),i("section",{className:"card stack",ref:M,tabIndex:-1,children:[e("h3",{children:t("Look")}),e("p",{className:"meta",children:t("Class, colors and parts. The picture here, in the rooms and in Discord all follow it.")}),e(Ge,{fallback:e(P,{}),children:e(ce,{name:a.name,displayName:a.displayName,prompt:a.prompt,character:a.character,onSaved:(p)=>k(p)})})]}),e(W,{open:ne,title:t("Prompt"),size:"full",onClose:()=>F(!1),children:e("textarea",{className:"prompt-full","aria-label":t("Prompt"),value:u.prompt,onChange:(p)=>v({...u,prompt:p.target.value})})})]})}var pe=()=>e("svg",{viewBox:"0 0 24 24",width:16,height:16,fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:e("path",{d:"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"})});function Z(n){return i("fieldset",{className:"field",children:[e("legend",{children:n.label}),e("div",{className:"option-chips",children:n.options.map((m)=>e("button",{type:"button","aria-pressed":m.value===n.value,className:"option-chip",onClick:()=>n.onChange(m.value),children:m.label},m.value))})]})}var he={same:" ",add:"+",del:"−"};function ge(n){let{profile:m,draft:a}=n,k=c(null);o(()=>k.current?.focus(),[]);let h=q(()=>U(m.prompt,a.prompt),[m.prompt,a.prompt]),g=X(h),N=[];if(a.displayName!==m.displayName)N.push({label:t("Name"),before:m.displayName,after:a.displayName});let w=(u)=>u===C?t("Follow the assistant"):u;if(a.model!==(m.model??C))N.push({label:t("Model"),before:w(m.model??C),after:w(a.model)});if(a.thinking!==(m.thinking??C))N.push({label:t("Thinking level"),before:E(m.thinking??C),after:E(a.thinking)});return i("section",{ref:k,className:"stack review",tabIndex:-1,"aria-label":t("Review changes"),children:[e("h3",{children:t("Review changes")}),N.length?e("ul",{className:"review-fields",children:N.map((u)=>i("li",{children:[e("strong",{children:u.label}),e("span",{className:"review-before",children:u.before}),e("span",{"aria-hidden":"true",children:"→"}),e("span",{className:"review-after",children:u.after})]},u.label))}):null,i("div",{className:"field",children:[i("span",{className:"field-label",children:[t("Prompt")," ·"," ",t("Lines: {added} added, {removed} removed",{added:g.added,removed:g.removed})]}),e("pre",{className:"diff",children:h.map((u,v)=>i("span",{className:"diff-line","data-kind":u.kind,children:[e("span",{className:"diff-mark","aria-hidden":"true",children:he[u.kind]}),u.kind==="add"||u.kind==="del"?i("span",{className:"visually-hidden",children:[u.kind==="add"?t("Added"):t("Removed"),":"," "]}):null,u.text||" "]},v))})]}),i("div",{className:"actions",children:[e("button",{type:"button",className:"secondary",disabled:n.saving,onClick:n.onBack,children:t("Back to editing")}),e("button",{type:"button",disabled:n.saving,onClick:n.onSave,children:n.saving?t("Saving…"):t("Save")})]})]})}export{Ee as AgentSheetHost};

package/dist/chunk-character-creator-8q6ympxj.js

@@ -1 +0,0 @@
-import{_e,rt,X,Lt,jt}from"./chunk-index-5y2r0eaj.js";import{ce,an,o,Oe,q,c,r,t,s,m,e,i,Ct,bt,ae,W,y,ht,d,b,Pe,Me,ge}from"./chunk-index-ckgbszwt.js";var le={"hat.none":"No hat","hat.goggcap":"Leather cap","hat.tallcap":"Burgundian felt cap","hat.softcap":"Soft cap","hat.hardhat":"Iron skullcap","hat.fcap":"Hunter's cap","hat.winghelm":"Winged helm","hat.helm":"Helm","hat.mortar":"Biretta","hat.beret":"Chaperon","hat.goggles":"Pointed cap","hat.tricorn":"Pilgrim hat","hat.sailor":"Straw hat","hat.kettle":"Kettle hat","hat.cavalier":"Feathered hat","hat.toque":"Linen cook's cap","hair.none":"No hair","beard.none":"No beard","accessory.none":"No accessory","prop.beads":"Prayer beads","prop.marotte":"Marotte","prop.map":"Chart","prop.flask":"Alchemist's phial","prop.telescope":"Astrolabe","prop.wrench":"Dividers","outfit.surplice":"Surplice","outfit.overalls":"Work jerkin","outfit.armor":"Mail hauberk","outfit.apron":"Smith's apron","outfit.chef":"Cook's tunic","outfit.coat":"Doublet","outfit.vest":"Pourpoint","outfit.sailor":"Mariner's tunic","hair.bob":"Bob","hair.bun":"Bun","hair.ponytail":"Ponytail"},U=(a)=>a.charAt(0).toUpperCase()+a.slice(1);function N(a,l){let h=`character.${a}.${l}`,p=t(h);if(p!==h)return p;if(a==="class")return X.classes[l]?.label??U(l);return le[`${a}.${l}`]??U(l)}function V(a){let l=`character.jobs.${a}`,h=t(l);return h!==l?h:X.classes[a]?.jobs??""}var H=[{field:"hat",title:s("Hat"),ids:X.hats},{field:"outfit",title:s("Outfit"),ids:X.outfits},{field:"prop",title:s("Prop"),ids:X.props},{field:"hair",title:s("Hair"),ids:X.hair},{field:"beard",title:s("Beard"),ids:["none",...X.beards]},{field:"accessory",title:s("Accessory"),ids:["none",...X.accessories]}],de=new Set(["class","colors","palette","build","skin","hairColor",...H.map((a)=>a.field)]),Z=Object.keys(X.palettes),x={idle:s("Idle"),thinking:s("Thinking"),working:s("Working"),waiting:s("Waiting for you"),done:s("Done"),error:s("Error"),sleepy:s("Sleepy")},ue={slim:s("Slim"),regular:s("Regular"),stout:s("Stout")};function ee(a){return{class:a.class,outfit:a.outfit,hat:a.hat,prop:a.prop,hair:a.hair,beard:a.beard,accessory:a.accessory,build:a.build,skin:a.skin,hairColor:a.hairColor,colors:{...a.colors}}}var Q=(a)=>JSON.stringify(ee(a)),v=(a)=>a[Math.floor(Math.random()*a.length)];function fe(){return{class:v(_e),outfit:v(X.outfits),hat:v(X.hats),prop:v(X.props),hair:v(X.hair),beard:v(["none",...X.beards]),accessory:v(["none",...X.accessories]),build:v(["slim","regular","stout"]),skin:v([0,1,2,3,4,5]),hairColor:v(X.hairColors),palette:v(Z)}}var te=ce(function(l){return i("button",{type:"button",className:"creator-tile","aria-pressed":l.pressed,title:l.hint?`${l.label} — ${l.hint}`:l.label,onClick:l.onPick,...l.data,children:[e(ae,{spec:l.spec,size:l.size,live:!1}),e("span",{children:l.label})]})});function me(a,l,h){let p=JSON.stringify({...a,[l]:0});return q(()=>h.map((u)=>({...a,[l]:u})),[p,l,h])}function he(){let a=c(null),[l,h]=r();return o(()=>{let p=a.current;if(!p)return;let u=()=>{let S=p.scrollLeft>1,P=p.scrollLeft+p.clientWidth<p.scrollWidth-1;h(S&&P?"both":P?"end":S?"start":void 0)};u(),p.addEventListener("scroll",u,{passive:!0});let g=typeof ResizeObserver>"u"?void 0:new ResizeObserver(u);return g?.observe(p),()=>{p.removeEventListener("scroll",u),g?.disconnect()}},[]),[a,l]}function pe(a){let{part:l}=a,h=me(a.shown,l.field,l.ids),[p,u]=he();return e("div",{className:"creator-strip",ref:p,"data-more":u,children:l.ids.map((g,S)=>e(te,{data:{[`data-${l.field}`]:g},spec:h[S],size:44,label:N(l.field,g),pressed:a.draft[l.field]===g,onPick:()=>a.onPick(g)},g))})}function B(a){return e("button",{type:"button",className:"creator-swatch","aria-pressed":a.pressed,"aria-label":a.label,title:a.label,style:{background:a.background},onClick:a.onPick,...a.data})}function L(a){return i("div",{className:"creator-field","data-field":a.field,children:[a.title?e("h3",{children:a.title}):null,a.children,a.error?e("p",{className:"field-error",role:"alert",children:a.error}):null]})}function He(a){let[l,h]=r(a.character),p=an(l),[u,g]=r({}),[S,P]=r(!1),[T,re]=r("idle"),[K,E]=r(),[R,M]=r(),O=Pe("(max-width: 719px)"),z=c(null),I=Oe(),ie=Me(l),ne=bt(),w=Q(l)!==Q(a.character);o(()=>h(a.character),[a.character]),o(()=>{if(!w)return;let n=(k)=>k.preventDefault(),f=(k)=>{if(k.button!==0||k.metaKey||k.ctrlKey||k.shiftKey||k.altKey)return;let A=k.target instanceof Element?k.target.closest("a"):null;if(!A||A.target||A.hasAttribute("download"))return;if(z.current?.contains(A))return;k.preventDefault(),k.stopPropagation(),E({kind:"link",anchor:A})},F=Ct((k)=>E({kind:"navigate",proceed:k}));return window.addEventListener("beforeunload",n),document.addEventListener("click",f,!0),()=>{F(),window.removeEventListener("beforeunload",n),document.removeEventListener("click",f,!0)}},[w]);let C=(n)=>{g({}),h((f)=>Lt(n,f))},oe=async()=>{P(!0),g({});try{let n=await d.setCharacter(a.name,ee(l));a.onSaved(n),y(t("Saved."))}catch(n){let f=n instanceof ht&&n.field?n.field.split(".")[0]:void 0,F=f&&de.has(f)?f:"*";g({[F]:b(n)})}finally{P(!1)}},se=async()=>{let n=K;if(h(a.character),g({}),n?.kind==="link")setTimeout(()=>n.anchor.click(),0);else if(n?.kind==="navigate")n.proceed()},_=e(L,{field:"class",title:t("Class"),error:u.class,children:e("div",{className:"creator-grid",children:_e.map((n)=>e(be,{id:n,base:p,pressed:l.class===n,onPick:()=>C({class:n,colors:l.colors})},n))})}),j=i(L,{field:"colors",title:t("Colors"),error:u.colors??u.palette,children:[i("fieldset",{className:"creator-swatches",children:[e("legend",{className:"visually-hidden",children:t("Palette")}),Z.map((n)=>{let f=X.palettes[n];return e(B,{data:{"data-palette":n},label:N("palette",n),pressed:l.palette===n,background:`linear-gradient(135deg, ${f.primary} 52%, ${f.trim} 52%)`,onPick:()=>C({palette:n})},n)})]}),e("div",{className:"creator-custom",children:["primary","secondary","trim"].map((n)=>i("label",{children:[e("span",{children:n==="primary"?t("Primary (the accent)"):n==="secondary"?t("Secondary"):t("Trim")}),e("input",{type:"color",value:l.colors[n],onChange:(f)=>C({colors:{[n]:f.target.value}})})]},n))})]}),G=H.map((n)=>e(L,{field:n.field,title:t(n.title),error:u[n.field],children:e(pe,{part:n,draft:l,shown:p,onPick:(f)=>C({[n.field]:f})})},n.field)),J=i(m,{children:[e(L,{field:"build",title:t("Build"),error:u.build,children:i("fieldset",{className:"segmented",children:[e("legend",{className:"visually-hidden",children:t("Build")}),["slim","regular","stout"].map((n)=>i("label",{"data-checked":l.build===n,children:[e("input",{type:"radio",name:`${I}-build`,checked:l.build===n,onChange:()=>C({build:n})}),Y(n)]},n))]})}),e(L,{field:"skin",title:t("Skin tone"),error:u.skin,children:i("fieldset",{className:"creator-swatches",children:[e("legend",{className:"visually-hidden",children:t("Skin tone")}),(ne??X.skins).map((n,f)=>e(B,{data:{"data-skin":String(f)},label:t("Skin tone {n}",{n:f+1}),pressed:l.skin===f,background:n,onPick:()=>C({skin:f})},f))]})}),e(L,{field:"hairColor",title:t("Hair color"),error:u.hairColor,children:i("fieldset",{className:"creator-swatches",children:[e("legend",{className:"visually-hidden",children:t("Hair color")}),X.hairColors.map((n,f)=>e(B,{data:{"data-hair-color":n},label:t("Hair color {n}",{n:f+1}),pressed:l.hairColor===n,background:n,onPick:()=>C({hairColor:n})},n)),e("input",{type:"color","aria-label":t("Hair color"),value:l.hairColor,onChange:(n)=>C({hairColor:n.target.value})})]})})]}),D=[{id:"class",title:t("Class"),summary:N("class",l.class),error:u.class,node:_},{id:"colors",title:t("Colors"),summary:l.palette?N("palette",l.palette):l.colors.primary,error:u.colors??u.palette,node:j},...H.map((n,f)=>({id:n.field,title:t(n.title),summary:N(n.field,l[n.field]),error:u[n.field],node:G[f]})),{id:"body",title:t("Body"),summary:Y(l.build),error:u.build??u.skin??u.hairColor,node:J}];return i("form",{ref:z,className:"creator",style:ie,"aria-labelledby":I,onSubmit:(n)=>{if(n.preventDefault(),w&&!S)oe()},children:[e("h2",{id:I,className:"visually-hidden",children:t("Character of {name}",{name:a.displayName})}),i("div",{className:"creator-preview",children:[e(ae,{spec:l,name:a.name,state:T,size:176,label:t("{name}, {state}",{name:a.displayName,state:t(x[T])})}),e("button",{type:"button",className:"secondary","data-action":"cycle",onClick:()=>re((n)=>rt[(rt.indexOf(n)+1)%rt.length]??"idle"),children:t("Preview states")}),e("span",{className:"meta","aria-live":"polite",children:t(x[T])})]}),i("div",{className:"creator-body",children:[u["*"]?e("p",{className:"field-error",role:"alert","data-field":"*",children:u["*"]}):null,O?e("ul",{className:"creator-sections",children:D.map((n)=>e("li",{children:i("button",{type:"button",className:"creator-section secondary",onClick:()=>M(n.id),children:[e("strong",{children:n.title}),e("span",{className:"meta",children:n.summary}),n.error?e("span",{className:"field-error",role:"alert",children:n.error}):null]})},n.id))}):i(m,{children:[_,j,G,J]}),i("div",{className:"actions creator-actions",children:[e("button",{type:"button",className:"secondary","data-action":"suggest",onClick:()=>{g({}),h(jt({name:a.name,displayName:a.displayName,prompt:a.prompt}))},children:t("Suggest from role")}),e("button",{type:"button",className:"secondary","data-action":"randomize",onClick:()=>C(fe()),children:t("Randomize")}),e("button",{type:"button",className:"secondary","data-action":"cancel",onClick:()=>{if(w)E({kind:"cancel"})},children:t("Cancel")}),e("button",{type:"submit","data-action":"save",disabled:!w||S,children:S?t("Saving…"):t("Save")})]})]}),e(W,{open:O&&R!==void 0,title:D.find((n)=>n.id===R)?.title??"",onClose:()=>M(void 0),children:e("div",{className:"stack",children:D.find((n)=>n.id===R)?.node})}),e(ge,{open:K!==void 0,title:t("Discard your changes?"),confirmLabel:t("Discard"),cancelLabel:t("Keep editing"),tone:"danger",onClose:()=>E(void 0),onConfirm:se,children:e("p",{children:t("The new look for {name} has not been saved.",{name:a.displayName})})})]})}var Y=(a)=>t(ue[a]);function be(a){let l=a.base.colors,h=q(()=>Lt({class:a.id,colors:l}),[a.id,l]);return e(te,{data:{"data-class":a.id},spec:h,size:56,label:N("class",a.id),hint:V(a.id),pressed:a.pressed,onPick:a.onPick})}export{He as CharacterCreator};