thepopebot 1.2.76-beta.2 → 1.2.76-beta.21

package/lib/chat/components/settings-chat-page.js

@@ -14,7 +14,7 @@ import {
   getOAuthTokens,
   deleteOAuthToken
 } from "../actions.js";
-function ChatConfigPage() {
+function HelperLlmPage() {
   const [settings, setSettings] = useState(null);
   const [loading, setLoading] = useState(true);
   const loadSettings = async () => {
@@ -40,20 +40,19 @@ function ChatConfigPage() {
   if (settings?.error) {
     return /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: settings.error });
   }
-  const sdkAgentActive = settings?.sdkAgentActive;
-  const defaultAgent = settings?.defaultAgent;
   return /* @__PURE__ */ jsxs("div", { children: [
-    sdkAgentActive && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3 mb-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
-      defaultAgent,
-      " manages its own LLM directly. These settings only apply when using a coding agent without built-in SDK support."
-    ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: "Configuration" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Select the LLM provider and model for chat. Only providers with configured API keys appear in the dropdown." })
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: "Helper LLM" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Used for chat titles, agent-job titles, and agent-job summaries. Independent of your coding agent. Only providers with configured API keys appear in the dropdown \u2014 set keys at ",
+        /* @__PURE__ */ jsx("a", { href: "/admin/event-handler/llms", className: "underline hover:text-foreground", children: "Providers" }),
+        "."
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: sdkAgentActive ? "opacity-50 pointer-events-none" : "", children: /* @__PURE__ */ jsx(ActiveConfig, { settings, onSave: handleSaveActive }) })
+    /* @__PURE__ */ jsx(ActiveConfig, { settings, onSave: handleSaveActive })
   ] });
 }
+const ChatConfigPage = HelperLlmPage;
 function ActiveConfig({ settings, onSave }) {
   const [provider, setProvider] = useState("");
   const [model, setModel] = useState("");
@@ -738,10 +737,11 @@ function CustomProviderDialog({ open, initial, onSave, onCancel }) {
   ] });
 }
 function SettingsChatPage() {
-  return /* @__PURE__ */ jsx(ChatConfigPage, {});
+  return /* @__PURE__ */ jsx(HelperLlmPage, {});
 }
 export {
   ChatConfigPage,
   ChatProvidersPage,
+  HelperLlmPage,
   SettingsChatPage
 };

package/lib/chat/components/settings-chat-page.jsx

@@ -16,10 +16,14 @@ import {
 } from '../actions.js';
 
 // ─────────────────────────────────────────────────────────────────────────────
-// Configuration sub-tab (auto-save)
+// Helper LLM page (auto-save)
+//
+// Picks the provider + model used for short background generations: chat
+// titles, agent-job titles, and agent-job summaries. Independent of the
+// coding agent. Credentials live at /admin/event-handler/llms.
 // ─────────────────────────────────────────────────────────────────────────────
 
-export function ChatConfigPage() {
+export function HelperLlmPage() {
   const [settings, setSettings] = useState(null);
   const [loading, setLoading] = useState(true);
 
@@ -52,29 +56,21 @@ export function ChatConfigPage() {
     return <p className="text-sm text-destructive">{settings.error}</p>;
   }
 
-  const sdkAgentActive = settings?.sdkAgentActive;
-  const defaultAgent = settings?.defaultAgent;
-
   return (
     <div>
-      {sdkAgentActive && (
-        <div className="rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3 mb-4">
-          <p className="text-sm text-destructive">
-            {defaultAgent} manages its own LLM directly. These settings only apply when using a coding agent without built-in SDK support.
-          </p>
-        </div>
-      )}
       <div className="mb-4">
-        <h2 className="text-base font-medium">Configuration</h2>
-        <p className="text-sm text-muted-foreground">Select the LLM provider and model for chat. Only providers with configured API keys appear in the dropdown.</p>
-      </div>
-      <div className={sdkAgentActive ? 'opacity-50 pointer-events-none' : ''}>
-        <ActiveConfig settings={settings} onSave={handleSaveActive} />
+        <h2 className="text-base font-medium">Helper LLM</h2>
+        <p className="text-sm text-muted-foreground">Used for chat titles, agent-job titles, and agent-job summaries. Independent of your coding agent. Only providers with configured API keys appear in the dropdown — set keys at <a href="/admin/event-handler/llms" className="underline hover:text-foreground">Providers</a>.</p>
       </div>
+      <ActiveConfig settings={settings} onSave={handleSaveActive} />
     </div>
   );
 }
 
+// Backwards-compat alias — kept so route files importing the old name keep working
+// during the route move.
+export const ChatConfigPage = HelperLlmPage;
+
 function ActiveConfig({ settings, onSave }) {
   const [provider, setProvider] = useState('');
   const [model, setModel] = useState('');
@@ -777,5 +773,5 @@ function CustomProviderDialog({ open, initial, onSave, onCancel }) {
 
 // Backwards compat
 export function SettingsChatPage() {
-  return <ChatConfigPage />;
+  return <HelperLlmPage />;
 }

package/lib/chat/components/settings-coding-agents-page.js

@@ -5,7 +5,8 @@ import { CheckIcon } from "./icons.js";
 import {
   getCodingAgentSettings,
   updateCodingAgentConfig,
-  setCodingAgentDefault
+  setCodingAgentDefault,
+  setModeDefault
 } from "../actions.js";
 function CodingAgentsPage() {
   const [settings, setSettings] = useState(null);
@@ -67,28 +68,121 @@ function DefaultAgentSection({ settings, onReload }) {
   };
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: "Default Coding Agent" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-medium", children: "Coding Agent" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Select which coding agent runs headless tasks and code workspaces." })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium shrink-0", children: "Agent" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        saving && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
-        saved && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-500 inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(CheckIcon, { size: 12 }),
-          " Saved"
-        ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-sm font-medium shrink-0", children: "Default Coding Agent" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          saving && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+          saved && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-500 inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(CheckIcon, { size: 12 }),
+            " Saved"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: settings.defaultAgent || "claude-code",
+              onChange: handleChange,
+              className: "w-48 rounded-md border border-border bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground",
+              children: available.length > 0 ? available.map((a) => /* @__PURE__ */ jsx("option", { value: a.value, children: a.label }, a.value)) : /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "No agents ready" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-3 space-y-3", children: [
         /* @__PURE__ */ jsx(
-          "select",
+          ModeDefaultRow,
           {
-            value: settings.defaultAgent || "claude-code",
-            onChange: handleChange,
-            className: "w-48 rounded-md border border-border bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground",
-            children: available.length > 0 ? available.map((a) => /* @__PURE__ */ jsx("option", { value: a.value, children: a.label }, a.value)) : /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "No agents ready" })
+            label: "Agent mode branch",
+            mode: "agent",
+            field: "branch",
+            value: settings.modeDefaults?.agent?.branch || "default",
+            options: BRANCH_OPTIONS,
+            onSaved: onReload
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ModeDefaultRow,
+          {
+            label: "Agent mode git action",
+            mode: "agent",
+            field: "gitAction",
+            value: settings.modeDefaults?.agent?.gitAction || "push",
+            options: GIT_ACTION_OPTIONS,
+            onSaved: onReload
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-border pt-3 space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          ModeDefaultRow,
+          {
+            label: "Code mode branch",
+            mode: "code",
+            field: "branch",
+            value: settings.modeDefaults?.code?.branch || "dynamic",
+            options: BRANCH_OPTIONS,
+            onSaved: onReload
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ModeDefaultRow,
+          {
+            label: "Code mode git action",
+            mode: "code",
+            field: "gitAction",
+            value: settings.modeDefaults?.code?.gitAction || "create-pr",
+            options: GIT_ACTION_OPTIONS,
+            onSaved: onReload
           }
         )
       ] })
-    ] }) })
+    ] })
+  ] });
+}
+const BRANCH_OPTIONS = [
+  { value: "default", label: "Default branch" },
+  { value: "dynamic", label: "Feature branch" }
+];
+const GIT_ACTION_OPTIONS = [
+  { value: "commit", label: "Commit" },
+  { value: "push", label: "Push" },
+  { value: "create-pr", label: "Create PR" },
+  { value: "pull", label: "Pull" }
+];
+function ModeDefaultRow({ label, mode, field, value, options, onSaved }) {
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const handleChange = async (e) => {
+    setSaving(true);
+    const result = await setModeDefault(mode, field, e.target.value);
+    setSaving(false);
+    if (result?.success) {
+      setSaved(true);
+      setTimeout(() => setSaved(false), 2e3);
+      await onSaved();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium shrink-0", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      saving && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Saving..." }),
+      saved && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-500 inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(CheckIcon, { size: 12 }),
+        " Saved"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          value,
+          onChange: handleChange,
+          className: "w-48 rounded-md border border-border bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground",
+          children: options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+        }
+      )
+    ] })
   ] });
 }
 function AgentCards({ settings, onReload }) {

package/lib/chat/components/settings-coding-agents-page.jsx

@@ -6,6 +6,7 @@ import {
   getCodingAgentSettings,
   updateCodingAgentConfig,
   setCodingAgentDefault,
+  setModeDefault,
 } from '../actions.js';
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -90,12 +91,12 @@ function DefaultAgentSection({ settings, onReload }) {
   return (
     <div>
       <div className="mb-4">
-        <h2 className="text-base font-medium">Default Coding Agent</h2>
+        <h2 className="text-base font-medium">Coding Agent</h2>
         <p className="text-sm text-muted-foreground">Select which coding agent runs headless tasks and code workspaces.</p>
       </div>
-      <div className="rounded-lg border bg-card p-4">
+      <div className="rounded-lg border bg-card p-4 space-y-3">
         <div className="flex items-center justify-between">
-          <label className="text-sm font-medium shrink-0">Agent</label>
+          <label className="text-sm font-medium shrink-0">Default Coding Agent</label>
           <div className="flex items-center gap-3">
             {saving && <span className="text-xs text-muted-foreground">Saving...</span>}
             {saved && <span className="text-xs text-green-500 inline-flex items-center gap-1"><CheckIcon size={12} /> Saved</span>}
@@ -114,6 +115,89 @@ function DefaultAgentSection({ settings, onReload }) {
             </select>
           </div>
         </div>
+        <div className="border-t border-border pt-3 space-y-3">
+          <ModeDefaultRow
+            label="Agent mode branch"
+            mode="agent"
+            field="branch"
+            value={settings.modeDefaults?.agent?.branch || 'default'}
+            options={BRANCH_OPTIONS}
+            onSaved={onReload}
+          />
+          <ModeDefaultRow
+            label="Agent mode git action"
+            mode="agent"
+            field="gitAction"
+            value={settings.modeDefaults?.agent?.gitAction || 'push'}
+            options={GIT_ACTION_OPTIONS}
+            onSaved={onReload}
+          />
+        </div>
+        <div className="border-t border-border pt-3 space-y-3">
+          <ModeDefaultRow
+            label="Code mode branch"
+            mode="code"
+            field="branch"
+            value={settings.modeDefaults?.code?.branch || 'dynamic'}
+            options={BRANCH_OPTIONS}
+            onSaved={onReload}
+          />
+          <ModeDefaultRow
+            label="Code mode git action"
+            mode="code"
+            field="gitAction"
+            value={settings.modeDefaults?.code?.gitAction || 'create-pr'}
+            options={GIT_ACTION_OPTIONS}
+            onSaved={onReload}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const BRANCH_OPTIONS = [
+  { value: 'default', label: 'Default branch' },
+  { value: 'dynamic', label: 'Feature branch' },
+];
+
+const GIT_ACTION_OPTIONS = [
+  { value: 'commit', label: 'Commit' },
+  { value: 'push', label: 'Push' },
+  { value: 'create-pr', label: 'Create PR' },
+  { value: 'pull', label: 'Pull' },
+];
+
+function ModeDefaultRow({ label, mode, field, value, options, onSaved }) {
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+
+  const handleChange = async (e) => {
+    setSaving(true);
+    const result = await setModeDefault(mode, field, e.target.value);
+    setSaving(false);
+    if (result?.success) {
+      setSaved(true);
+      setTimeout(() => setSaved(false), 2000);
+      await onSaved();
+    }
+  };
+
+  return (
+    <div className="flex items-center justify-between">
+      <label className="text-sm font-medium shrink-0">{label}</label>
+      <div className="flex items-center gap-3">
+        {saving && <span className="text-xs text-muted-foreground">Saving...</span>}
+        {saved && <span className="text-xs text-green-500 inline-flex items-center gap-1"><CheckIcon size={12} /> Saved</span>}
+        <select
+          value={value}
+          onChange={handleChange}
+          className="w-48 rounded-md border border-border bg-background px-3 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-foreground"
+        >
+          {options.map((o) => (
+            <option key={o.value} value={o.value}>{o.label}</option>
+          ))}
+        </select>
       </div>
     </div>
   );

package/lib/chat/components/settings-github-page.js

@@ -354,6 +354,11 @@ function GitHubVariablesPage() {
         onCancel: () => setShowAdd(false)
       }
     ),
+    data.variablesError && /* @__PURE__ */ jsxs("div", { className: "mb-4 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
+      "Couldn't read GitHub variables: ",
+      data.variablesError,
+      ". Statuses below may be inaccurate. Check that the GitHub PAT has Variables: Read scope."
+    ] }),
     /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: data.variables.map((v) => /* @__PURE__ */ jsx(VariableRow, { name: v.name, isSet: v.isSet, currentValue: v.value, onUpdate: handleUpdate, onDelete: handleDelete }, v.name)) }) })
   ] });
 }

package/lib/chat/components/settings-github-page.jsx

@@ -389,6 +389,11 @@ export function GitHubVariablesPage() {
         onAdd={handleUpdate}
         onCancel={() => setShowAdd(false)}
       />
+      {data.variablesError && (
+        <div className="mb-4 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive">
+          Couldn't read GitHub variables: {data.variablesError}. Statuses below may be inaccurate. Check that the GitHub PAT has Variables: Read scope.
+        </div>
+      )}
       <div className="rounded-lg border bg-card p-4">
         <div className="divide-y divide-border">
           {data.variables.map((v) => (

package/lib/chat/components/settings-layout.js

@@ -4,12 +4,12 @@ import { useState, useEffect } from "react";
 import { PageLayout } from "./page-layout.js";
 import { UserIcon, ClockIcon, ZapIcon, MessageIcon, GitBranchIcon, SettingsIcon } from "./icons.js";
 const TABS = [
+  { id: "general", label: "General", href: "/admin/general", icon: SettingsIcon },
   { id: "event-handler", label: "Event Handler", href: "/admin/event-handler", icon: MessageIcon },
-  { id: "github", label: "GitHub", href: "/admin/github", icon: GitBranchIcon },
-  { id: "users", label: "Users", href: "/admin/users", icon: UserIcon },
   { id: "crons", label: "Crons", href: "/admin/crons", icon: ClockIcon },
   { id: "triggers", label: "Triggers", href: "/admin/triggers", icon: ZapIcon },
-  { id: "general", label: "General", href: "/admin/general", icon: SettingsIcon }
+  { id: "users", label: "Users", href: "/admin/users", icon: UserIcon },
+  { id: "github", label: "GitHub", href: "/admin/github", icon: GitBranchIcon }
 ];
 function SettingsLayout({ session, children }) {
   const [activePath, setActivePath] = useState("");

package/lib/chat/components/settings-layout.jsx

@@ -5,12 +5,12 @@ import { PageLayout } from './page-layout.js';
 import { UserIcon, ClockIcon, ZapIcon, MessageIcon, GitBranchIcon, SettingsIcon } from './icons.js';
 
 const TABS = [
+  { id: 'general', label: 'General', href: '/admin/general', icon: SettingsIcon },
   { id: 'event-handler', label: 'Event Handler', href: '/admin/event-handler', icon: MessageIcon },
-  { id: 'github', label: 'GitHub', href: '/admin/github', icon: GitBranchIcon },
-  { id: 'users', label: 'Users', href: '/admin/users', icon: UserIcon },
   { id: 'crons', label: 'Crons', href: '/admin/crons', icon: ClockIcon },
   { id: 'triggers', label: 'Triggers', href: '/admin/triggers', icon: ZapIcon },
-  { id: 'general', label: 'General', href: '/admin/general', icon: SettingsIcon },
+  { id: 'users', label: 'Users', href: '/admin/users', icon: UserIcon },
+  { id: 'github', label: 'GitHub', href: '/admin/github', icon: GitBranchIcon },
 ];
 
 export function SettingsLayout({ session, children }) {

package/lib/chat/components/settings-secrets-layout.js

@@ -29,7 +29,7 @@ const API_KEYS_TABS = [
 const EVENT_HANDLER_TABS = [
   { id: "llms", label: "LLMs", href: "/admin/event-handler/llms" },
   { id: "coding-agents", label: "Coding Agents", href: "/admin/event-handler/coding-agents" },
-  { id: "chat", label: "Chat", href: "/admin/event-handler/chat" },
+  { id: "helper-llm", label: "Helper LLM", href: "/admin/event-handler/helper-llm" },
   { id: "agent-secrets", label: "Agent Secrets", href: "/admin/event-handler/agent-secrets" },
   { id: "webhooks", label: "Webhooks", href: "/admin/event-handler/webhooks" },
   { id: "telegram", label: "Telegram", href: "/admin/event-handler/telegram" },
@@ -37,7 +37,6 @@ const EVENT_HANDLER_TABS = [
 ];
 const GITHUB_TABS = [
   { id: "tokens", label: "Tokens", href: "/admin/github/tokens" },
-  { id: "secrets", label: "Secrets", href: "/admin/github/secrets" },
   { id: "variables", label: "Variables", href: "/admin/github/variables" }
 ];
 function ApiKeysLayout({ children }) {

package/lib/chat/components/settings-secrets-layout.jsx

@@ -51,7 +51,7 @@ const API_KEYS_TABS = [
 const EVENT_HANDLER_TABS = [
   { id: 'llms', label: 'LLMs', href: '/admin/event-handler/llms' },
   { id: 'coding-agents', label: 'Coding Agents', href: '/admin/event-handler/coding-agents' },
-  { id: 'chat', label: 'Chat', href: '/admin/event-handler/chat' },
+  { id: 'helper-llm', label: 'Helper LLM', href: '/admin/event-handler/helper-llm' },
   { id: 'agent-secrets', label: 'Agent Secrets', href: '/admin/event-handler/agent-secrets' },
   { id: 'webhooks', label: 'Webhooks', href: '/admin/event-handler/webhooks' },
   { id: 'telegram', label: 'Telegram', href: '/admin/event-handler/telegram' },
@@ -60,7 +60,6 @@ const EVENT_HANDLER_TABS = [
 
 const GITHUB_TABS = [
   { id: 'tokens', label: 'Tokens', href: '/admin/github/tokens' },
-  { id: 'secrets', label: 'Secrets', href: '/admin/github/secrets' },
   { id: 'variables', label: 'Variables', href: '/admin/github/variables' },
 ];