madarx 2.15.1 → 2.16.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to Madarx OS. Newest first.
 
+## [2.16.0] - 2026-06-05
+
+### Added
+
+- **Edit an agent without leaving the simple page.** The `/agents/[id]` overview now lets you change the destination space, the engine + model, the schedule, and the toolset inline. Each control is a card with a pencil that opens a calm editor drawer (one at a time), so non-technical owners can retune an agent without opening Configuration.
+- **Plain-English schedule editor.** Pick On demand / Hourly / Daily / Weekly / Monthly with a time and day picker and a live preview ("Runs daily at 7:30 AM"), with an Advanced field for raw expressions like `every 5m`.
+- **Tools as icons + a simple picker.** The agent's tools show as brand icons (the same vocabulary as the agents grid). The picker is searchable, grouped by category, and tags tools that need approval or setup. Adding a tool enables it for real (read-only → auto, write/send → approval-required) while deep per-tool permission modes stay in Configuration.
+- **Searchable activity feed.** Recent activity now merges executions and approvals into one list you can filter by text.
+- **Business agent marketplace foundation.** Connection-kind marketplace items plus the connections layer that backs them: OAuth2 connector auth with automatic access-token refresh on expiry (refreshed tokens re-stored in the vault, never logged), a generic manifest-driven "Test connection" health-check verifier so any OAuth/Tool-Smith connection with a declared `health_check` works with no route edits, connection-manifest validation, and a `grantConnectionToAgents` path for handing a verified connection to agents at the right default risk mode.
+
+### Changed
+
+- The Simple/Details toggle is gone — the **Configuration** button is the single way into the advanced view, and the details view links back to the agent.
+
 ## [2.15.1] - 2026-06-04
 
 ### Changed

package/app/agents/[id]/agent-activity-feed.tsx

@@ -0,0 +1,96 @@
+'use client';
+
+import { useMemo, useState } from 'react';
+import { Search, Play, ShieldCheck } from 'lucide-react';
+import { formatRelativeTime, humanizeRunStatus } from './format-helpers';
+
+type ActivityItem = {
+  id: string;
+  kind: 'execution' | 'approval';
+  status: string;
+  title: string;
+  risk?: string | null;
+  at: string | null;
+};
+
+function statusTone(status: string): 'ok' | 'warn' | 'bad' | 'neutral' {
+  const s = String(status || '').toLowerCase();
+  if (s.includes('complete') || s.includes('ok') || s === 'approved') return 'ok';
+  if (s.includes('wait') || s.includes('approval') || s === 'pending' || s.includes('queue')) return 'warn';
+  if (s.includes('fail') || s.includes('error') || s.includes('denied') || s.includes('block')) return 'bad';
+  return 'neutral';
+}
+
+function statusLabel(item: ActivityItem): string {
+  if (item.kind === 'approval') {
+    const s = item.status.toLowerCase();
+    if (s === 'used') return 'Approved';
+    return item.status ? item.status.charAt(0).toUpperCase() + item.status.slice(1) : 'Pending';
+  }
+  return humanizeRunStatus(item.status);
+}
+
+export function AgentActivityFeed({ items }: { items: ActivityItem[] }) {
+  const [query, setQuery] = useState('');
+
+  const filtered = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return items;
+    return items.filter((item) =>
+      item.title.toLowerCase().includes(q)
+      || item.status.toLowerCase().includes(q)
+      || item.kind.includes(q)
+    );
+  }, [items, query]);
+
+  return (
+    <section className="ad-activity">
+      <div className="ad-activity-head">
+        <span className="ad-activity-title">Recent activity</span>
+        {items.length ? (
+          <label className="ad-activity-search">
+            <Search size={13} aria-hidden />
+            <input
+              type="text"
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Search runs & approvals"
+              aria-label="Search activity"
+            />
+          </label>
+        ) : null}
+      </div>
+
+      {filtered.length ? (
+        <ul className="ad-feed">
+          {filtered.map((item) => {
+            const tone = statusTone(item.status);
+            return (
+              <li key={item.id} className="ad-feed-row">
+                <span className={`ad-feed-icon kind-${item.kind}`} aria-hidden>
+                  {item.kind === 'approval' ? <ShieldCheck size={14} /> : <Play size={13} />}
+                </span>
+                <span className="ad-feed-main">
+                  <span className="ad-feed-title">{item.title}</span>
+                  <span className="ad-feed-meta">
+                    {item.kind === 'approval' ? 'Approval' : 'Run'}
+                    {item.risk && item.risk !== 'low' ? ` · ${item.risk} risk` : ''}
+                  </span>
+                </span>
+                <span className={`ad-feed-status tone-${tone}`}>{statusLabel(item)}</span>
+                <span className="ad-feed-when">{formatRelativeTime(item.at) || '—'}</span>
+              </li>
+            );
+          })}
+        </ul>
+      ) : items.length ? (
+        <div className="ad-feed-empty">No activity matches “{query}”.</div>
+      ) : (
+        <div className="ad-feed-empty">
+          <strong>Nothing has happened yet.</strong>
+          <span>When this agent runs or asks for approval, you’ll see it here.</span>
+        </div>
+      )}
+    </section>
+  );
+}

package/app/agents/[id]/agent-detail-simple.tsx

@@ -1,18 +1,34 @@
 import Link from 'next/link';
-import { EmptyState } from '@/app/components/admin/admin-page.jsx';
 import AgentRunButton from '@/app/agents/agent-run-button';
-import {
-  formatRelativeTime,
-  humanizeRunStatus,
-  humanizeSchedule,
-  humanizeStatus,
-} from './format-helpers';
+import { AgentQuickControls } from './agent-quick-controls';
+import { AgentActivityFeed } from './agent-activity-feed';
+import { formatRelativeTime, humanizeStatus } from './format-helpers';
 
-type RunRow = {
+type ActivityItem = {
   id: string;
-  at?: string;
-  kind?: string;
-  status?: string;
+  kind: 'execution' | 'approval';
+  status: string;
+  title: string;
+  risk?: string | null;
+  at: string | null;
+};
+
+type Engine = {
+  id: string;
+  label: string;
+  available?: boolean;
+  default_model?: string;
+  models?: { name: string }[];
+};
+
+type ToolDef = {
+  name: string;
+  title: string;
+  description: string;
+  category: string;
+  risk_level: string;
+  available: boolean;
+  missing_env: string[];
 };
 
 type AgentLike = {
@@ -20,30 +36,44 @@ type AgentLike = {
   name: string;
   mission?: string;
   status?: string;
+  engine?: string;
+  model?: string;
   last_run_at?: string;
   last_heartbeat?: string;
   default_space_id?: string | null;
 };
 
-type SpaceRow = { id: string; name: string };
+type ServerAction = (formData: FormData) => Promise<void>;
 
 export function AgentDetailSimple({
   agent,
   scheduleRaw,
-  recentRuns,
+  activity,
   spaces,
+  engines,
+  agentTools,
+  availableTools,
+  toolCategories,
   updateDefaultSpaceAction,
+  updateModelAction,
+  updateScheduleAction,
+  updateToolsAction,
 }: {
   agent: AgentLike;
   scheduleRaw: string;
-  recentRuns: RunRow[];
-  spaces: SpaceRow[];
-  updateDefaultSpaceAction: (formData: FormData) => Promise<void>;
+  activity: ActivityItem[];
+  spaces: { id: string; name: string }[];
+  engines: Engine[];
+  agentTools: string[];
+  availableTools: ToolDef[];
+  toolCategories: string[];
+  updateDefaultSpaceAction: ServerAction;
+  updateModelAction: ServerAction;
+  updateScheduleAction: ServerAction;
+  updateToolsAction: ServerAction;
 }) {
   const status = humanizeStatus(agent.status);
-  const lastRunIso = agent.last_run_at || agent.last_heartbeat || null;
-  const lastRun = formatRelativeTime(lastRunIso);
-  const scheduleLabel = humanizeSchedule(scheduleRaw);
+  const lastRun = formatRelativeTime(agent.last_run_at || agent.last_heartbeat || null);
 
   return (
     <section className="ad-simple">
@@ -55,75 +85,33 @@ export function AgentDetailSimple({
         </span>
         <div className="ad-statusbar-actions">
           <AgentRunButton agentId={agent.id} />
-          <Link
-            className="admin-button secondary"
-            href={`/agents/${agent.id}?view=details`}
-          >
-            Configure
+          <Link className="admin-button secondary" href={`/agents/${agent.id}?view=details`}>
+            Configuration
           </Link>
         </div>
       </div>
 
-      {/* Quick facts */}
-      <div className="ad-facts">
-        {/* Artifact destination — subtle, optional. Leads the facts row. */}
-        <form className="ad-fact ad-fact--publish" action={updateDefaultSpaceAction}>
-          <input type="hidden" name="agent_id" value={agent.id} />
-          <label htmlFor={`default-space-${agent.id}`} className="ad-fact-label">
-            Publish artifacts to
-          </label>
-          <div className="ad-space-row">
-            <select
-              id={`default-space-${agent.id}`}
-              name="default_space_id"
-              defaultValue={agent.default_space_id || ''}
-              className="admin-input ad-space-select"
-            >
-              <option value="">Active space (default)</option>
-              {spaces.map((s) => (
-                <option key={s.id} value={s.id}>{s.name}</option>
-              ))}
-            </select>
-            <button className="admin-button secondary" type="submit">Save</button>
-          </div>
-        </form>
+      <AgentQuickControls
+        agentId={agent.id}
+        engine={agent.engine || ''}
+        model={agent.model || ''}
+        engines={engines}
+        scheduleRaw={scheduleRaw}
+        lastRun={lastRun}
+        statusLabel={status.label}
+        statusTone={status.tone}
+        defaultSpaceId={agent.default_space_id || null}
+        spaces={spaces}
+        agentTools={agentTools}
+        availableTools={availableTools}
+        toolCategories={toolCategories}
+        updateModelAction={updateModelAction}
+        updateScheduleAction={updateScheduleAction}
+        updateToolsAction={updateToolsAction}
+        updateDefaultSpaceAction={updateDefaultSpaceAction}
+      />
 
-        <div className="ad-fact">
-          <span className="ad-fact-label">Schedule</span>
-          <span className="ad-fact-value">{scheduleLabel}</span>
-        </div>
-        <div className="ad-fact">
-          <span className="ad-fact-label">Last run</span>
-          <span className="ad-fact-value">{lastRun || 'Never run yet'}</span>
-        </div>
-        <div className="ad-fact">
-          <span className="ad-fact-label">Status</span>
-          <span className="ad-fact-value">{status.label}</span>
-        </div>
-      </div>
-
-      {/* Recent activity */}
-      <div className="ad-activity">
-        <div className="ad-activity-head">Recent activity</div>
-        {recentRuns.length ? (
-          <ul className="ad-runs">
-            {recentRuns.slice(0, 5).map((run) => {
-              const when = formatRelativeTime(run.at);
-              const label = humanizeRunStatus(run.status);
-              return (
-                <li key={run.id} className="ad-run">
-                  <span className="ad-run-label">{label}</span>
-                  <span className="ad-run-when">{when || '—'}</span>
-                </li>
-              );
-            })}
-          </ul>
-        ) : (
-          <EmptyState title="Nothing has happened yet">
-            When this agent runs, you'll see it here.
-          </EmptyState>
-        )}
-      </div>
+      <AgentActivityFeed items={activity} />
     </section>
   );
 }