@simmalugnt-se/payload-editor-assistant 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## 0.5.0
+
+- `next` is a required peer dependency: the panel imports `next/navigation`, so it never worked
+  without it.
+
+- Makes room in Admin: the panel is 320–400px wide depending on the window, and where fewer than
+  1440px would be left for Admin, Payload's nav and the panel take turns. Opening one closes the
+  other, which comes back when the first closes. While the assistant answers or a proposal waits for
+  Keep or Undo, opening the nav leaves the panel open.
+- Works with the content health work list: `?ask=<prompt>` on a document's address opens the
+  assistant with the prompt in the message box (the editor sends it), and a `content-health:select`
+  event selects a field like a preview click. The allowlisted collections are published as
+  `config.admin.custom.editorAssistant.collections`.
+
+- When the editor chats in one language and edits content in another, the first proposal says so
+  once, in a sentence the plugin adds; the model is no longer asked to, since it repeated it in
+  every reply or said it only in a later one.
+- The reply to a proposal offers it ("Jag föreslår en varmare rubrik.") instead of describing it as
+  done: the prompt asks for that, and a sentence saying a field "är nu"/"is now" something is left
+  out.
+
 ## 0.4.0
 
 - A suggestion in the form stays open while the editor writes on, so "shorter" or "another tone"

package/README.md

@@ -112,6 +112,30 @@ clicks in the assistant keep it.
 Preview clicks need `@simmalugnt-se/payload-visual-editing` (0.2.0 or later), which announces them
 with a `visual-editing:select` event. Without it the selection follows the form only.
 
+## From the content health work list
+
+`@simmalugnt-se/payload-content-health` lists content issues and offers "Fix with the assistant" in
+the collections the assistant works in. The link opens the document with the field selected (a
+`content-health:select` event) and `?ask=<prompt>` in the address: the assistant opens with the
+prompt in the message box, and the editor sends it. A link alone never makes the assistant act.
+
+The plugin publishes its allowlisted collections as `config.admin.custom.editorAssistant.collections`
+so the work list knows where to offer it; the packages do not import each other.
+
+## Room for the panel
+
+The panel takes 320–400px of the window, depending on its width. Payload lays out Admin by the
+window's width and does not know about the panel. Where fewer than 1440px would be left for Admin
+(the width at which Payload closes its nav itself), the nav and the panel take turns: opening the
+panel closes the nav, opening the nav closes the panel, and the other comes back when you close it.
+While the assistant is answering or a proposal waits for **Keep** or **Undo**, opening the nav leaves
+the panel open, so the decision stays in view. Payload's saved nav preference and your own choice to
+show the panel are not changed.
+
+Live Preview splits the rest 40/60 between the form and the preview. From a 1440px window that leaves
+a usable form beside the preview; on smaller screens, open the preview in its own window with the
+external link button at the end of Live Preview's toolbar.
+
 ## While it works
 
 The panel shows what the assistant is doing (reading the form, searching content, preparing a

package/dist/components/EditorAssistantAside.js

@@ -11,7 +11,7 @@ import { COPY, uiLanguage } from "./copy.js";
 import { isFormProposal, proposalSteps, refineProposal, replaceLatestStep, } from "./proposal-chain.js";
 import { KEEP_SELECTION_ATTR } from "./selection-dom.js";
 export function EditorAssistantAside() {
-    const { open, setOpen, status, messages, shortcuts, collections, bridge, formAdapter, pendingApproval, selection, setSelection, resetConversation, setStatus, setMessages, setPendingApproval, stop, setAbortController, } = useAssistantState();
+    const { open, setOpen, status, messages, shortcuts, collections, bridge, formAdapter, pendingApproval, selection, setSelection, prefill, setPrefill, resetConversation, setStatus, setMessages, setPendingApproval, stop, setAbortController, } = useAssistantState();
     const { config, getEntityConfig } = useConfig();
     const router = useRouter();
     const locale = useLocale();
@@ -24,6 +24,13 @@ export function EditorAssistantAside() {
     const view = parseAdminView(pathname ?? "", config.routes.admin);
     const visibleShortcuts = shortcuts.filter((shortcut) => shortcutMatches(shortcut, view));
     const [draft, setDraft] = useState("");
+    // A ready prompt replaces the draft; it is only sent when the editor sends it.
+    useEffect(() => {
+        if (prefill !== null) {
+            setDraft(prefill);
+            setPrefill(null);
+        }
+    }, [prefill, setPrefill]);
     const threadRef = useRef(null);
     /** Whether the editor typed in the form while a preview was in it; undo would discard that. */
     const editedSinceRef = useRef(false);

package/dist/components/EditorAssistantDocumentBridge.js

@@ -2,16 +2,18 @@
 import { useDocumentForm, useDocumentInfo, useFormModified, useLocale } from "@payloadcms/ui";
 import { useEffect, useRef } from "react";
 import { useAssistantState } from "./assistant-context.js";
-import { selectionFromElement, selectionFromPath, VISUAL_EDITING_SELECT_EVENT, } from "./selection-dom.js";
+import { ASK_PARAM, CONTENT_HEALTH_SELECT_EVENT, selectionFromElement, selectionFromPath, VISUAL_EDITING_SELECT_EVENT, } from "./selection-dom.js";
 /** Collapsed rows render their labels only once visual editing has opened them. */
 const RELABEL_MS = [150, 500, 1200];
 export function EditorAssistantDocumentBridge() {
-    const { setBridge, setFormAdapter, setSelection } = useAssistantState();
+    const { setBridge, setFormAdapter, setOpen, setPrefill, setSelection } = useAssistantState();
     const documentInfo = useDocumentInfo();
     const locale = useLocale();
     const modified = useFormModified();
     const form = useDocumentForm();
     const formRef = useRef(form);
+    // Kept across effect re-runs: the parameter is gone from the address after the first read.
+    const asked = useRef(false);
     useEffect(() => {
         formRef.current = form;
     });
@@ -25,8 +27,27 @@ export function EditorAssistantDocumentBridge() {
             setFormAdapter(null);
         };
     }, [setFormAdapter]);
+    // A work list link (`?ask=`) opens the panel with a ready prompt. The editor sends it, so a
+    // link alone never makes the assistant act. The parameter is removed once read.
+    useEffect(() => {
+        if (asked.current) {
+            return;
+        }
+        asked.current = true;
+        const url = new URL(window.location.href);
+        const prompt = url.searchParams.get(ASK_PARAM)?.trim();
+        if (prompt === undefined) {
+            return;
+        }
+        url.searchParams.delete(ASK_PARAM);
+        window.history.replaceState(window.history.state, "", url);
+        if (prompt) {
+            setPrefill(prompt);
+            setOpen(true);
+        }
+    }, [setOpen, setPrefill]);
     // "This" in the editor's message is what they last clicked or focused: a field, a block or a row,
-    // in the form or (through visual editing) in the preview. Clicks elsewhere in Admin clear it;
+    // in the form, (through visual editing) in the preview, or brought into view by content health. Clicks elsewhere in Admin clear it;
     // clicks in the assistant itself keep it, so the editor can click, then type.
     useEffect(() => {
         let relabel = [];
@@ -65,11 +86,13 @@ export function EditorAssistantDocumentBridge() {
         document.addEventListener("pointerdown", onInteract, true);
         document.addEventListener("focusin", onInteract);
         window.addEventListener(VISUAL_EDITING_SELECT_EVENT, onPreviewSelect);
+        window.addEventListener(CONTENT_HEALTH_SELECT_EVENT, onPreviewSelect);
         return () => {
             cancelRelabel();
             document.removeEventListener("pointerdown", onInteract, true);
             document.removeEventListener("focusin", onInteract);
             window.removeEventListener(VISUAL_EDITING_SELECT_EVENT, onPreviewSelect);
+            window.removeEventListener(CONTENT_HEALTH_SELECT_EVENT, onPreviewSelect);
             setSelection(null);
         };
     }, [setSelection]);

package/dist/components/EditorAssistantProvider.js

@@ -5,11 +5,13 @@ import "../styles/assistant.css";
 import { AssistantStateProvider, useAssistantState } from "./assistant-context.js";
 import { ChangedFieldsHighlight } from "./ChangedFieldsHighlight.js";
 import { EditorAssistantAside } from "./EditorAssistantAside.js";
+import { useNavRoom } from "./nav-room.js";
 export function EditorAssistantProvider({ children, shortcuts = [], collections = [], }) {
     const { user } = useAuth();
     return (_jsx(AssistantStateProvider, { shortcuts: shortcuts, collections: collections, userId: user?.id, children: user ? _jsx(EditorAssistantShell, { children: children }) : children }));
 }
 function EditorAssistantShell({ children }) {
     const { open } = useAssistantState();
+    useNavRoom();
     return (_jsxs("div", { className: open ? "ea-root" : "ea-root ea-root--closed", children: [_jsx("div", { className: "ea-main", children: children }), _jsx(EditorAssistantAside, {}), _jsx(ChangedFieldsHighlight, {})] }));
 }

package/dist/components/assistant-context.d.ts

@@ -68,11 +68,17 @@ type AssistantContextValue = {
     pendingApproval: PendingApproval | null;
     /** What the editor last clicked or focused in the open form. */
     selection: DomSelection | null;
-    setOpen: (open: boolean) => void;
+    /** A prompt to put in the message box, e.g. from a work list link; the panel takes it once. */
+    prefill: string | null;
+    /** `remember: false` when the panel makes way on its own (see nav-room.ts), not the editor. */
+    setOpen: (open: boolean, options?: {
+        remember?: boolean;
+    }) => void;
     setBridge: (bridge: DocumentBridgeSnapshot | null) => void;
     setFormAdapter: (adapter: FormAdapter | null) => void;
     setPendingApproval: (pending: PendingApproval | null) => void;
     setSelection: (selection: DomSelection | null) => void;
+    setPrefill: (prefill: string | null) => void;
     setStatus: (status: AssistantChromeStatus) => void;
     setMessages: (updater: (current: AssistantMessage[]) => AssistantMessage[]) => void;
     resetConversation: () => void;

package/dist/components/assistant-context.js

@@ -12,14 +12,17 @@ export function AssistantStateProvider({ children, shortcuts, collections, userI
     const [pendingApproval, setPendingApproval] = useState(null);
     const [abortController, setAbortController] = useState(null);
     const [selection, setSelection] = useState(null);
+    const [prefill, setPrefill] = useState(null);
     // Read after mount, so the server render (closed) and the first client render agree.
     useEffect(() => {
         if (readStoredOpen())
             setOpenState(true);
     }, []);
-    const setOpen = useCallback((next) => {
+    const setOpen = useCallback((next, { remember = true } = {}) => {
         setOpenState(next);
-        storeOpen(next);
+        if (remember) {
+            storeOpen(next);
+        }
     }, []);
     // One conversation per document: switching documents stores the thread and loads the next one.
     // An open proposal belongs to the form it was made for, so it does not follow; an unfinished
@@ -72,11 +75,13 @@ export function AssistantStateProvider({ children, shortcuts, collections, userI
         formAdapter,
         pendingApproval,
         selection,
+        prefill,
         setOpen,
         setBridge,
         setFormAdapter,
         setPendingApproval,
         setSelection,
+        setPrefill,
         setStatus,
         setMessages,
         resetConversation,
@@ -93,6 +98,7 @@ export function AssistantStateProvider({ children, shortcuts, collections, userI
         formAdapter,
         pendingApproval,
         selection,
+        prefill,
         setOpen,
         resetConversation,
         stop,

package/dist/components/nav-room.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Where Admin is too narrow for both, Payload's nav and the panel take turns: whichever the editor
+ * opened last stays, and the other comes back when it closes.
+ *
+ * - Opening the panel closes the nav; closing the panel opens it again.
+ * - Opening the nav closes the panel; closing the nav opens it again. Not while the assistant
+ *   answers or a proposal waits for Keep or Undo: then both stay, so the decision stays in view.
+ *
+ * Payload's saved nav preference and the editor's own panel choice are not changed.
+ */
+export declare function useNavRoom(): void;

package/dist/components/nav-room.js

@@ -0,0 +1,94 @@
+"use client";
+import { useNav } from "@payloadcms/ui";
+import { useEffect, useRef, useState } from "react";
+import { useAssistantState } from "./assistant-context.js";
+/**
+ * Payload lays out Admin by the window's width, not knowing the panel takes part of it. It closes
+ * its nav at 1440px and below; with the panel open, the space left is that narrow up to 1840px
+ * (the panel is `clamp(320px, 22vw, 400px)` wide, see assistant.css). Keep the two in step.
+ */
+const LEAVES_NARROW_ADMIN = "(max-width: 1840px)";
+/**
+ * Where Admin is too narrow for both, Payload's nav and the panel take turns: whichever the editor
+ * opened last stays, and the other comes back when it closes.
+ *
+ * - Opening the panel closes the nav; closing the panel opens it again.
+ * - Opening the nav closes the panel; closing the nav opens it again. Not while the assistant
+ *   answers or a proposal waits for Keep or Undo: then both stay, so the decision stays in view.
+ *
+ * Payload's saved nav preference and the editor's own panel choice are not changed.
+ */
+export function useNavRoom() {
+    const { navOpen, setNavOpen } = useNav();
+    const { open, setOpen, status, pendingApproval } = useAssistantState();
+    const busy = status === "streaming" || pendingApproval !== null;
+    const [narrow, setNarrow] = useState(false);
+    const navOpenRef = useRef(navOpen);
+    navOpenRef.current = navOpen;
+    /** The editor opened the nav with its toggler (not Payload restoring it on load). */
+    const editorOpenedNav = useRef(false);
+    /** The nav was opened while the panel was busy; leave it open until the panel closes. */
+    const navKept = useRef(false);
+    const closedNav = useRef(false);
+    const closedPanel = useRef(false);
+    useEffect(() => {
+        const query = window.matchMedia(LEAVES_NARROW_ADMIN);
+        const update = () => setNarrow(query.matches);
+        update();
+        query.addEventListener("change", update);
+        return () => query.removeEventListener("change", update);
+    }, []);
+    useEffect(() => {
+        const onClick = (event) => {
+            if (event.target instanceof Element &&
+                event.target.closest(".nav-toggler") &&
+                !navOpenRef.current) {
+                editorOpenedNav.current = true;
+            }
+        };
+        document.addEventListener("click", onClick, true);
+        return () => document.removeEventListener("click", onClick, true);
+    }, []);
+    useEffect(() => {
+        if (!navOpen) {
+            editorOpenedNav.current = false;
+            navKept.current = false;
+            if (closedPanel.current) {
+                closedPanel.current = false;
+                setOpen(true, { remember: false });
+            }
+            return;
+        }
+        if (!open || !narrow) {
+            editorOpenedNav.current = false;
+            return;
+        }
+        if (editorOpenedNav.current) {
+            editorOpenedNav.current = false;
+            if (busy) {
+                navKept.current = true;
+            }
+            else {
+                closedNav.current = false;
+                closedPanel.current = true;
+                setOpen(false, { remember: false });
+            }
+            return;
+        }
+        // The panel opened, or Payload opened the nav from the saved preference after the page loaded.
+        if (!navKept.current) {
+            closedNav.current = true;
+            setNavOpen(false);
+        }
+    }, [open, narrow, navOpen, busy, setNavOpen, setOpen]);
+    useEffect(() => {
+        if (open) {
+            return;
+        }
+        if (closedNav.current) {
+            setNavOpen(true);
+        }
+        closedNav.current = false;
+        navKept.current = false;
+    }, [open, setNavOpen]);
+}

package/dist/components/selection-dom.d.ts

@@ -5,6 +5,10 @@
  */
 /** Visual editing announces preview clicks with this event: `detail: { path }`, `path: null` when cleared. */
 export declare const VISUAL_EDITING_SELECT_EVENT = "visual-editing:select";
+/** Content health announces a field it brought into view from a work list link: `detail: { path }`. */
+export declare const CONTENT_HEALTH_SELECT_EVENT = "content-health:select";
+/** Edit view parameter from content health's work list: a prompt to put in the message box. */
+export declare const ASK_PARAM = "ask";
 /** Visual editing keeps its preview outline when the editor clicks inside this attribute. */
 export declare const KEEP_SELECTION_ATTR = "data-visual-editing-keep-selection";
 export type DomSelection = {

package/dist/components/selection-dom.js

@@ -5,6 +5,10 @@
  */
 /** Visual editing announces preview clicks with this event: `detail: { path }`, `path: null` when cleared. */
 export const VISUAL_EDITING_SELECT_EVENT = "visual-editing:select";
+/** Content health announces a field it brought into view from a work list link: `detail: { path }`. */
+export const CONTENT_HEALTH_SELECT_EVENT = "content-health:select";
+/** Edit view parameter from content health's work list: a prompt to put in the message box. */
+export const ASK_PARAM = "ask";
 /** Visual editing keeps its preview outline when the editor clicks inside this attribute. */
 export const KEEP_SELECTION_ATTR = "data-visual-editing-keep-selection";
 export function selectionFromElement(element) {

package/dist/package-name.d.ts

@@ -5,3 +5,8 @@ export declare const DEFAULT_AUDIT_SLUG = "editor-assistant-audit";
 export declare const DEFAULT_APPROVAL_SLUG = "editor-assistant-approvals";
 export declare const CSRF_COOKIE = "payload-editor-assistant-csrf";
 export declare const CSRF_HEADER = "x-editor-assistant-csrf";
+/**
+ * `config.admin.custom[ADMIN_CUSTOM_KEY] = { collections }`: the allowlisted collections, for other
+ * plugins (content health's work list) to know where the assistant works without importing it.
+ */
+export declare const ADMIN_CUSTOM_KEY = "editorAssistant";

package/dist/package-name.js

@@ -5,3 +5,8 @@ export const DEFAULT_AUDIT_SLUG = "editor-assistant-audit";
 export const DEFAULT_APPROVAL_SLUG = "editor-assistant-approvals";
 export const CSRF_COOKIE = "payload-editor-assistant-csrf";
 export const CSRF_HEADER = "x-editor-assistant-csrf";
+/**
+ * `config.admin.custom[ADMIN_CUSTOM_KEY] = { collections }`: the allowlisted collections, for other
+ * plugins (content health's work list) to know where the assistant works without importing it.
+ */
+export const ADMIN_CUSTOM_KEY = "editorAssistant";

package/dist/plugin.js

@@ -6,7 +6,7 @@ import { createChatEndpoint } from "./endpoints/chat.js";
 import { createCsrfEndpoint } from "./endpoints/csrf.js";
 import { createDecideEndpoint } from "./endpoints/decide.js";
 import { createProposeEndpoint } from "./endpoints/propose.js";
-import { CLIENT_ENTRY, DEFAULT_APPROVAL_SLUG } from "./package-name.js";
+import { ADMIN_CUSTOM_KEY, CLIENT_ENTRY, DEFAULT_APPROVAL_SLUG } from "./package-name.js";
 export function editorAssistantPlugin(options = {}) {
     const validated = validateEditorAssistantOptions(options);
     return (config) => {
@@ -40,6 +40,11 @@ export function editorAssistantPlugin(options = {}) {
             ...config,
             admin: {
                 ...config.admin,
+                // Read by @simmalugnt-se/payload-content-health, which offers the assistant only here.
+                custom: {
+                    ...config.admin?.custom,
+                    [ADMIN_CUSTOM_KEY]: { collections: Object.keys(validated.collections) },
+                },
                 components: {
                     ...config.admin?.components,
                     providers: [

package/dist/runtime/agent.d.ts

@@ -46,15 +46,18 @@ export type AgentEvent = {
     }>["pendingApproval"]>;
 };
 export type AgentEventSink = (event: AgentEvent) => void;
-export declare function runAgentTurn(req: PayloadRequest, options: ValidatedEditorAssistantOptions, input: {
+type TurnInput = {
     message: string;
     messages?: ChatMessage[];
     bridge: ToolContext["bridge"];
     formData?: Record<string, unknown>;
     onEvent?: AgentEventSink;
-}): Promise<AgentChatResult>;
+};
+export declare function runAgentTurn(req: PayloadRequest, options: ValidatedEditorAssistantOptions, input: TurnInput): Promise<AgentChatResult>;
 export declare function collectResult(text: string, result: {
     steps?: unknown;
     toolResults?: unknown;
 }, captured: ToolOutcome[], locale: string, expectedProposal?: boolean, previews?: Map<string, ProposalPreview>): AgentChatResult;
+/** Whether a reply in the conversation already said which language the content is in. */
+export declare function contentLanguageNoted(history: ChatMessage[], bridge: Pick<ToolContext["bridge"], "locale">): boolean;
 export {};

package/dist/runtime/agent.js

@@ -3,7 +3,7 @@ import { loadTurnContext } from "./context.js";
 import { needsProposeRetry } from "./propose-loop.js";
 import { buildSystemPrompt } from "./system-prompt.js";
 import { executeTool, fromProviderToolName, TOOL_DESCRIPTIONS, TOOL_JSON_SCHEMAS, toProviderToolName, } from "./tools.js";
-import { editorFacingText } from "./voice.js";
+import { contentLanguageNote, editorFacingText } from "./voice.js";
 const MAX_MESSAGES = 20;
 const MAX_STEPS = 8;
 const TIMEOUT_MS = 60_000;
@@ -17,6 +17,22 @@ const STEP_FOR_TOOL = {
     "admin.navigate": "navigating",
 };
 export async function runAgentTurn(req, options, input) {
+    const result = await generateTurn(req, options, input);
+    if (!result.ok || result.pendingApproval?.capability !== "form.propose") {
+        return result;
+    }
+    // The first change written in another language than the chat's says so, once per conversation.
+    // Asked to in the prompt, models said it in every reply, or only in a later one.
+    const chat = input.bridge.language ?? input.bridge.locale;
+    const note = contentLanguageNote(chat, input.bridge.locale);
+    const history = input.messages ?? [];
+    if (!note ||
+        contentLanguageNoted([...history, { role: "assistant", text: result.text }], input.bridge)) {
+        return result;
+    }
+    return { ...result, text: `${note} ${result.text}` };
+}
+async function generateTurn(req, options, input) {
     const emit = (event) => {
         try {
             input.onEvent?.(event);
@@ -230,6 +246,16 @@ function buildSdkTools(ai, ctx, captured, previews, emit) {
     }
     return tools;
 }
+/** Names of the content language as the editor would read them, in either chat language. */
+const LANGUAGE_NAMES = {
+    en: /\b(English)\b|engelska/i,
+    sv: /\b(Swedish)\b|svenska/i,
+};
+/** Whether a reply in the conversation already said which language the content is in. */
+export function contentLanguageNoted(history, bridge) {
+    const name = LANGUAGE_NAMES[bridge.locale.split("-")[0]];
+    return Boolean(name && history.some((message) => message.role === "assistant" && name.test(message.text)));
+}
 function truncateMessages(messages) {
     if (messages.length <= MAX_MESSAGES) {
         return messages;

package/dist/runtime/system-prompt.js

@@ -7,7 +7,7 @@ export function buildSystemPrompt(instructions, bridge, turnContext) {
         "Two to five short sentences. Use visible field labels (Title, Headline, Summary).",
         "Never ask whether you should proceed. When you have the new values, call form.propose in the same turn.",
         "If the editor confirms a change you already described, call form.propose with those values. Do not ask again.",
-        'When you call form.propose, the change is shown in the form and preview for the editor to keep or undo. Then say in one short sentence what you changed ("Här är en kortare rubrik."). Never say it is saved, published or kept, and do not tell them to approve or click anything; the panel does that. Without a form.propose call, do not claim the form has new values.',
+        'When you call form.propose, the change is shown in the form and preview for the editor to keep or undo. Then offer it in one short sentence, as a suggestion rather than something done: "Here is a shorter headline." or "Jag föreslår en varmare rubrik." Never write that a field "is now" or "är nu" something. Never say it is saved, published or kept, and do not tell them to approve or click anything; the panel does that. Without a form.propose call, do not claim the form has new values.',
         "If form.propose fails, say you could not apply it and they can try again. Never tell them to copy-paste.",
         "When the editor asks you to create a document, call draft.create in the same turn with sensible content based on their request. Do not ask for a title or summary first; they review the draft before it is created.",
         "Never save, publish, unpublish, delete, bulk-mutate, or upload files.",
@@ -70,10 +70,7 @@ function thisTurnBlock(bridge, turnContext) {
     ];
     if (locale) {
         const content = languageName(locale);
-        lines.push(`Write every field value in ${content}; that is the language version being edited.`);
-        if (content !== languageName(chat)) {
-            lines.push(`The editor chats in ${languageName(chat)}, so say in one short sentence that the content is written in ${content}.`);
-        }
+        lines.push(`Write every field value in ${content}; that is the language version being edited. Do not point out which language the content is in; the panel does that.`);
     }
     const selection = turnContext?.selection;
     if (selection) {

package/dist/runtime/voice.d.ts

@@ -10,3 +10,5 @@ export declare function stripInternalSpeech(text: string, locale: string): strin
 export declare function withoutOverclaims(text: string): string;
 export declare function approvalCopy(locale: string, capability: "form.propose" | "draft.create"): string;
 export declare function couldNotStageCopy(locale: string): string;
+/** Tells the editor the content is written in another language than the one they chat in. */
+export declare function contentLanguageNote(chat: string, contentLocale: string): string | undefined;

package/dist/runtime/voice.js

@@ -32,7 +32,7 @@ export function stripInternalSpeech(text, locale) {
     return kept.join(" ").replace(/\s+/g, " ").trim();
 }
 /** Keeping, saving and publishing are the editor's; a sentence that claims or asks for them goes. */
-const OVERCLAIM = /godkänn|godkann|approve|spara|sparat|sparad|sparats|publicer|\bsaved?\b|publish|behåll|\bkeep\b|klicka|\bclick/i;
+const OVERCLAIM = /godkänn|godkann|approve|spara|sparat|sparad|sparats|publicer|\bsaved?\b|publish|behåll|\bkeep\b|klicka|\bclick|(?:^|\s)är nu\b|\bis now\b/i;
 const MAX_OWN_TEXT = 600;
 export function withoutOverclaims(text) {
     const kept = splitSentences(text)
@@ -68,3 +68,19 @@ function splitSentences(text) {
         .map((part) => part.trim())
         .filter(Boolean);
 }
+const CONTENT_LANGUAGE = {
+    en: { sv: "engelska", en: "English" },
+    sv: { sv: "svenska", en: "Swedish" },
+};
+/** Tells the editor the content is written in another language than the one they chat in. */
+export function contentLanguageNote(chat, contentLocale) {
+    const content = contentLocale.split("-")[0];
+    const inChat = isSwedish(chat) ? "sv" : "en";
+    const name = CONTENT_LANGUAGE[content]?.[inChat];
+    if (!name || content === chat.split("-")[0]) {
+        return undefined;
+    }
+    return inChat === "sv"
+        ? `Innehållet skrivs på ${name}, eftersom det är den språkversionen du redigerar.`
+        : `The content is written in ${name}, since that is the language version you are editing.`;
+}

package/dist/styles/assistant.css

@@ -1,5 +1,6 @@
 .ea-root {
-  --ea-aside-width: 400px;
+  /* Narrower on smaller screens, so Admin keeps room. nav-room.ts depends on these numbers. */
+  --ea-aside-width: clamp(320px, 22vw, 400px);
   position: fixed;
   inset: 0;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simmalugnt-se/payload-editor-assistant",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Context-aware editor assistant plugin for Payload Admin",
   "keywords": [
     "payload",
@@ -47,11 +47,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "peerDependenciesMeta": {
-    "next": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@payloadcms/ui": "3.90.2",
     "@types/node": "^22",