apteva 0.4.26 → 0.4.29

package/src/web/components/settings/SettingsPage.tsx

@@ -5,16 +5,17 @@ import { Select } from "../common/Select";
 import { useProjects, useAuth, type Project } from "../../context";
 import type { Provider } from "../../types";
 
-type SettingsTab = "general" | "providers" | "projects" | "channels" | "api-keys" | "account" | "updates" | "data";
+type SettingsTab = "general" | "providers" | "projects" | "channels" | "api-keys" | "account" | "updates" | "data" | "assistant";
 
 export function SettingsPage() {
-  const { projectsEnabled } = useProjects();
+  const { projectsEnabled, metaAgentEnabled } = useProjects();
   const [activeTab, setActiveTab] = useState<SettingsTab>("general");
 
   const tabs: { key: SettingsTab; label: string }[] = [
     { key: "general", label: "General" },
     { key: "providers", label: "Providers" },
     ...(projectsEnabled ? [{ key: "projects" as SettingsTab, label: "Projects" }] : []),
+    ...(metaAgentEnabled ? [{ key: "assistant" as SettingsTab, label: "Assistant" }] : []),
     { key: "channels", label: "Channels" },
     { key: "api-keys", label: "API Keys" },
     { key: "account", label: "Account" },
@@ -68,6 +69,7 @@ export function SettingsPage() {
         {activeTab === "account" && <AccountSettings />}
         {activeTab === "updates" && <UpdatesSettings />}
         {activeTab === "data" && <DataSettings />}
+        {activeTab === "assistant" && metaAgentEnabled && <AssistantSettings />}
       </div>
     </div>
   );
@@ -273,8 +275,10 @@ function ProvidersSettings() {
 
   const llmProviders = providers.filter(p => p.type === "llm");
   const integrations = providers.filter(p => p.type === "integration");
+  const browserProviders = providers.filter(p => p.type === "browser");
   const llmConfiguredCount = llmProviders.filter(p => p.hasKey).length;
   const intConfiguredCount = integrations.filter(p => p.hasKey).length;
+  const browserConfiguredCount = browserProviders.filter(p => p.hasKey).length;
 
   // Auto-dismiss success message after 5 seconds
   useEffect(() => {
@@ -382,6 +386,44 @@ function ProvidersSettings() {
           ))}
         </div>
       </div>
+
+      {/* Browser Providers Section */}
+      <div>
+        <div className="mb-6">
+          <h2 className="text-xl font-semibold mb-1">Browser Providers</h2>
+          <p className="text-[#666]">
+            Configure browser environments for operator mode (computer use). {browserConfiguredCount} of {browserProviders.length} configured.
+          </p>
+        </div>
+
+        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+          {browserProviders.map(provider => (
+            <ProviderKeyCard
+              key={provider.id}
+              provider={provider}
+              isEditing={selectedProvider === provider.id}
+              apiKey={apiKey}
+              saving={saving}
+              testing={testing}
+              error={selectedProvider === provider.id ? error : null}
+              success={selectedProvider === provider.id ? success : null}
+              onStartEdit={() => {
+                setSelectedProvider(provider.id);
+                setError(null);
+                setSuccess(null);
+              }}
+              onCancelEdit={() => {
+                setSelectedProvider(null);
+                setApiKey("");
+                setError(null);
+              }}
+              onApiKeyChange={setApiKey}
+              onSave={saveKey}
+              onDelete={() => deleteKey(provider.id)}
+            />
+          ))}
+        </div>
+      </div>
     </div>
     </>
   );
@@ -899,6 +941,8 @@ function ProviderKeyCard({
   onDelete,
 }: ProviderKeyCardProps) {
   const isOllama = provider.id === "ollama";
+  const isUrlBased = isOllama || provider.id === "browserengine" || provider.id === "chrome";
+  const isBrowser = provider.type === "browser";
   const [ollamaStatus, setOllamaStatus] = React.useState<{ connected: boolean; modelCount?: number } | null>(null);
 
   // Check Ollama status when configured
@@ -919,11 +963,13 @@ function ProviderKeyCard({
         <div className="min-w-0">
           <h3 className="font-medium">{provider.name}</h3>
           <p className="text-sm text-[#666] truncate">
-            {provider.type === "integration"
-              ? (provider.description || "MCP integration")
-              : isOllama
-                ? "Run models locally"
-                : `${provider.models.length} models`}
+            {isBrowser
+              ? (provider.description || "Browser automation")
+              : provider.type === "integration"
+                ? (provider.description || "MCP integration")
+                : isOllama
+                  ? "Run models locally"
+                  : `${provider.models.length} models`}
           </p>
         </div>
         {provider.hasKey ? (
@@ -940,6 +986,8 @@ function ProviderKeyCard({
               ) : (
                 <>Not running</>
               )
+            ) : isUrlBased ? (
+              <><CheckIcon className="w-3 h-3" />Configured</>
             ) : (
               <><CheckIcon className="w-3 h-3" />{provider.keyHint}</>
             )}
@@ -955,18 +1003,26 @@ function ProviderKeyCard({
         {isEditing ? (
           <div className="space-y-3">
             <input
-              type={isOllama ? "text" : "password"}
+              type={isUrlBased ? "text" : "password"}
               value={apiKey}
               onChange={e => onApiKeyChange(e.target.value)}
               placeholder={isOllama
                 ? "http://localhost:11434"
-                : provider.hasKey ? "Enter new API key..." : "Enter API key..."}
+                : provider.id === "browserengine"
+                  ? "http://localhost:8098"
+                  : provider.id === "chrome"
+                    ? "http://localhost:9222"
+                    : provider.hasKey ? "Enter new API key..." : "Enter API key..."}
               autoFocus
               className="w-full bg-[#0a0a0a] border border-[#333] rounded px-3 py-2 focus:outline-none focus:border-[#f97316]"
             />
-            {isOllama && (
+            {isUrlBased && (
               <p className="text-xs text-[#666]">
-                Enter your Ollama server URL. Default is http://localhost:11434
+                {isOllama
+                  ? "Enter your Ollama server URL. Default is http://localhost:11434"
+                  : provider.id === "browserengine"
+                    ? "Enter your BrowserEngine service URL (e.g., http://localhost:8098)"
+                    : "Enter your Chrome DevTools URL (e.g., http://localhost:9222)"}
               </p>
             )}
             {error && <p className="text-red-400 text-sm">{error}</p>}
@@ -983,26 +1039,30 @@ function ProviderKeyCard({
                 disabled={!apiKey || saving}
                 className="flex-1 px-3 py-1.5 bg-[#f97316] text-black rounded text-sm font-medium disabled:opacity-50"
               >
-                {testing ? "Validating..." : saving ? "Saving..." : isOllama ? "Connect" : "Save"}
+                {testing ? "Validating..." : saving ? "Saving..." : isUrlBased ? "Connect" : "Save"}
               </button>
             </div>
           </div>
         ) : provider.hasKey ? (
           <div className="flex items-center justify-between">
-            <a
-              href={provider.docsUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-sm text-[#3b82f6] hover:underline"
-            >
-              {isOllama ? "Download Ollama" : "View docs"}
-            </a>
+            {provider.docsUrl ? (
+              <a
+                href={provider.docsUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-sm text-[#3b82f6] hover:underline"
+              >
+                {isOllama ? "Download Ollama" : "View docs"}
+              </a>
+            ) : (
+              <span />
+            )}
             <div className="flex items-center gap-3">
               <button
                 onClick={onStartEdit}
                 className="text-sm text-[#888] hover:text-[#e0e0e0]"
               >
-                {isOllama ? "Change URL" : "Update key"}
+                {isUrlBased ? "Change URL" : "Update key"}
               </button>
               <button
                 onClick={onDelete}
@@ -1014,19 +1074,23 @@ function ProviderKeyCard({
           </div>
         ) : (
           <div className="flex items-center justify-between">
-            <a
-              href={provider.docsUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-sm text-[#3b82f6] hover:underline"
-            >
-              {isOllama ? "Download Ollama" : "Get API key"}
-            </a>
+            {provider.docsUrl ? (
+              <a
+                href={provider.docsUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-sm text-[#3b82f6] hover:underline"
+              >
+                {isOllama ? "Download Ollama" : isBrowser ? "View docs" : "Get API key"}
+              </a>
+            ) : (
+              <span />
+            )}
             <button
               onClick={onStartEdit}
               className="text-sm text-[#f97316] hover:text-[#fb923c]"
             >
-              {isOllama ? "Configure" : "+ Add key"}
+              {isUrlBased ? "Configure" : "+ Add key"}
             </button>
           </div>
         )}
@@ -2152,3 +2216,188 @@ function ChannelsSettings() {
     </>
   );
 }
+
+function AssistantSettings() {
+  const { authFetch } = useAuth();
+  const [providers, setProviders] = useState<Provider[]>([]);
+  const [provider, setProvider] = useState("");
+  const [model, setModel] = useState("");
+  const [systemPrompt, setSystemPrompt] = useState("");
+  const [status, setStatus] = useState<"running" | "stopped" | "unknown">("unknown");
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState<{ type: "success" | "error"; text: string } | null>(null);
+  const [starting, setStarting] = useState(false);
+
+  // Original values for change detection
+  const [original, setOriginal] = useState({ provider: "", model: "", systemPrompt: "" });
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const [statusRes, providersRes] = await Promise.all([
+          authFetch("/api/meta-agent/status"),
+          authFetch("/api/providers"),
+        ]);
+        const statusData = await statusRes.json();
+        const providersData = await providersRes.json();
+        setProviders((providersData.providers || []).filter((p: Provider) => p.type === "llm" && p.hasKey));
+
+        if (statusData.agent) {
+          const a = statusData.agent;
+          setProvider(a.provider || "");
+          setModel(a.model || "");
+          setSystemPrompt(a.systemPrompt || "");
+          setStatus(a.status || "stopped");
+          setOriginal({ provider: a.provider || "", model: a.model || "", systemPrompt: a.systemPrompt || "" });
+        }
+      } catch {
+        setMessage({ type: "error", text: "Failed to load assistant config" });
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, [authFetch]);
+
+  const selectedProvider = providers.find(p => p.id === provider);
+  const models = selectedProvider?.models || [];
+
+  const handleProviderChange = (newProvider: string) => {
+    setProvider(newProvider);
+    const p = providers.find(pr => pr.id === newProvider);
+    const defaultModel = p?.models.find(m => m.recommended)?.value || p?.models[0]?.value || "";
+    setModel(defaultModel);
+  };
+
+  const hasChanges = provider !== original.provider || model !== original.model || systemPrompt !== original.systemPrompt;
+
+  const handleSave = async () => {
+    setSaving(true);
+    setMessage(null);
+    try {
+      const res = await authFetch("/api/agents/apteva-assistant", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ provider, model, systemPrompt }),
+      });
+      if (res.ok) {
+        setOriginal({ provider, model, systemPrompt });
+        setMessage({ type: "success", text: "Assistant settings saved" });
+        setTimeout(() => setMessage(null), 3000);
+      } else {
+        const data = await res.json().catch(() => ({}));
+        setMessage({ type: "error", text: data.error || "Failed to save" });
+      }
+    } catch {
+      setMessage({ type: "error", text: "Failed to save settings" });
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleToggle = async () => {
+    setStarting(true);
+    setMessage(null);
+    try {
+      const endpoint = status === "running" ? "/api/meta-agent/stop" : "/api/meta-agent/start";
+      const res = await authFetch(endpoint, { method: "POST" });
+      if (res.ok) {
+        setStatus(status === "running" ? "stopped" : "running");
+      } else {
+        const data = await res.json().catch(() => ({}));
+        setMessage({ type: "error", text: data.error || "Failed to toggle assistant" });
+      }
+    } catch {
+      setMessage({ type: "error", text: "Failed to toggle assistant" });
+    } finally {
+      setStarting(false);
+    }
+  };
+
+  if (loading) {
+    return <div className="text-[#666]">Loading assistant settings...</div>;
+  }
+
+  return (
+    <div className="max-w-2xl">
+      <h2 className="text-lg font-medium mb-1">Apteva Assistant</h2>
+      <p className="text-sm text-[#666] mb-6">Configure the built-in AI assistant that manages your agents and platform.</p>
+
+      {message && (
+        <div className={`mb-4 px-3 py-2 rounded text-sm ${
+          message.type === "success" ? "bg-green-500/10 text-green-400" : "bg-red-500/10 text-red-400"
+        }`}>
+          {message.text}
+        </div>
+      )}
+
+      {/* Status */}
+      <div className="mb-6 flex items-center gap-3">
+        <span className="text-sm text-[#666]">Status:</span>
+        <span className={`px-2 py-1 rounded text-xs font-medium ${
+          status === "running" ? "bg-[#3b82f6]/20 text-[#3b82f6]" : "bg-[#333] text-[#666]"
+        }`}>
+          {status}
+        </span>
+        <button
+          onClick={handleToggle}
+          disabled={starting}
+          className={`px-3 py-1.5 rounded text-sm font-medium transition ${
+            status === "running"
+              ? "bg-[#f97316]/20 text-[#f97316] hover:bg-[#f97316]/30"
+              : "bg-[#3b82f6]/20 text-[#3b82f6] hover:bg-[#3b82f6]/30"
+          } disabled:opacity-50`}
+        >
+          {starting ? "..." : status === "running" ? "Stop" : "Start"}
+        </button>
+      </div>
+
+      {/* Provider */}
+      <div className="mb-4">
+        <label className="block text-sm text-[#666] mb-1">Provider</label>
+        <Select
+          value={provider}
+          onChange={handleProviderChange}
+          options={providers.map(p => ({ value: p.id, label: p.name }))}
+          placeholder="Select provider..."
+        />
+      </div>
+
+      {/* Model */}
+      <div className="mb-4">
+        <label className="block text-sm text-[#666] mb-1">Model</label>
+        <Select
+          value={model}
+          onChange={setModel}
+          options={models.map(m => ({ value: m.value, label: m.label, recommended: m.recommended }))}
+          placeholder="Select model..."
+        />
+      </div>
+
+      {/* System Prompt */}
+      <div className="mb-6">
+        <label className="block text-sm text-[#666] mb-1">System Prompt</label>
+        <textarea
+          value={systemPrompt}
+          onChange={e => setSystemPrompt(e.target.value)}
+          rows={12}
+          className="w-full bg-[#111] border border-[#1a1a1a] rounded px-3 py-2 text-sm font-mono focus:outline-none focus:border-[#f97316] resize-y"
+        />
+      </div>
+
+      {/* Save */}
+      <button
+        onClick={handleSave}
+        disabled={!hasChanges || saving}
+        className="bg-[#f97316] hover:bg-[#fb923c] disabled:opacity-50 disabled:cursor-not-allowed text-black px-4 py-2 rounded font-medium transition"
+      >
+        {saving ? "Saving..." : "Save Changes"}
+      </button>
+
+      {status === "running" && hasChanges && (
+        <p className="text-xs text-[#666] mt-2">Changes will be applied to the running assistant</p>
+      )}
+    </div>
+  );
+}

package/src/web/context/ProjectContext.tsx

@@ -19,6 +19,7 @@ interface ProjectContextValue {
   error: string | null;
   unassignedCount: number;
   projectsEnabled: boolean; // Feature flag
+  metaAgentEnabled: boolean; // Feature flag
   setCurrentProjectId: (id: string | null) => void;
   createProject: (data: { name: string; description?: string; color?: string }) => Promise<Project | null>;
   updateProject: (id: string, data: { name?: string; description?: string; color?: string }) => Promise<Project | null>;
@@ -56,6 +57,7 @@ export function ProjectProvider({ children }: ProjectProviderProps) {
   const [error, setError] = useState<string | null>(null);
   const [unassignedCount, setUnassignedCount] = useState(0);
   const [projectsEnabled, setProjectsEnabled] = useState(false);
+  const [metaAgentEnabled, setMetaAgentEnabled] = useState(false);
 
   // Fetch feature flags on mount
   useEffect(() => {
@@ -63,9 +65,11 @@ export function ProjectProvider({ children }: ProjectProviderProps) {
       .then(res => res.json())
       .then(data => {
         setProjectsEnabled(data.projects === true);
+        setMetaAgentEnabled(data.metaAgent === true);
       })
       .catch(() => {
         setProjectsEnabled(false);
+        setMetaAgentEnabled(false);
       });
   }, []);
 
@@ -193,6 +197,7 @@ export function ProjectProvider({ children }: ProjectProviderProps) {
     error,
     unassignedCount,
     projectsEnabled,
+    metaAgentEnabled,
     setCurrentProjectId,
     createProject,
     updateProject,

package/src/web/context/TelemetryContext.tsx

@@ -233,6 +233,19 @@ export function useTelemetry(filter?: {
   };
 }
 
+// Map raw telemetry event types to user-friendly labels
+export function getActivityLabel(type: string): string {
+  switch (type) {
+    case "llm_request": return "Thinking";
+    case "tool_invocation": return "Using tools";
+    case "tool_result": return "Using tools";
+    case "thread_activity": return "Working";
+    case "agent_started": return "Starting";
+    case "agent_stopped": return "Stopped";
+    default: return "Working";
+  }
+}
+
 // Hook for agent activity indicator - uses context-level tracking
 export function useAgentActivity(agentId: string) {
   const { activeAgents } = useTelemetryContext();
@@ -241,6 +254,7 @@ export function useAgentActivity(agentId: string) {
   return {
     isActive: !!activity,
     type: activity?.type,
+    label: activity ? getActivityLabel(activity.type) : undefined,
   };
 }
 

package/src/web/types.ts

@@ -13,11 +13,19 @@ export interface AgentBuiltinTools {
   webFetch: boolean;
 }
 
+export interface OperatorConfig {
+  enabled: boolean;
+  browser_provider?: string; // "browserbase" | "steel" | "browserengine" | "chrome"
+  display_width?: number;
+  display_height?: number;
+  max_actions_per_turn?: number;
+}
+
 export interface AgentFeatures {
   memory: boolean;
   tasks: boolean;
   vision: boolean;
-  operator: boolean;
+  operator: boolean | OperatorConfig; // Can be boolean for backwards compat or full config
   mcp: boolean;
   realtime: boolean;
   files: boolean;
@@ -37,6 +45,15 @@ export const DEFAULT_FEATURES: AgentFeatures = {
   builtinTools: { webSearch: false, webFetch: false },
 };
 
+// Helper to normalize operator feature to OperatorConfig
+export function getOperatorConfig(features: AgentFeatures): OperatorConfig {
+  const op = features.operator;
+  if (typeof op === "boolean") {
+    return { enabled: op };
+  }
+  return op;
+}
+
 // Helper to normalize agents feature to MultiAgentConfig
 export function getMultiAgentConfig(features: AgentFeatures, projectId?: string | null): MultiAgentConfig {
   const agents = features.agents;
@@ -127,7 +144,7 @@ export interface ProviderModel {
 export interface Provider {
   id: string;
   name: string;
-  type: "llm" | "integration";
+  type: "llm" | "integration" | "browser";
   docsUrl: string;
   description?: string;
   models: ProviderModel[];
@@ -135,6 +152,7 @@ export interface Provider {
   keyHint: string | null;
   isValid: boolean | null;
   configured?: boolean; // for backwards compatibility
+  isLocal?: boolean; // Uses URL instead of API key (ollama, browserengine, chrome)
 }
 
 export interface OnboardingStatus {

package/dist/ActivityPage.cycn14ck.js

@@ -1,3 +0,0 @@
-import{d as a}from"./App.0wwyytz2.js";import"./App.2prdcxgq.js";import"./App.k377qek6.js";export{a as ActivityPage};
-
-//# debugId=A836402CCF3683F564756E2164756E21

package/dist/App.0wwyytz2.js

@@ -1,4 +0,0 @@
-import{H as u,I as c,J as E}from"./App.2prdcxgq.js";import{S as A,V as a,W as h,Y as V,Z as x,_ as D,ca as T,fa as j}from"./App.k377qek6.js";var X=A(a(),1);var q=A(h(),1);function Qq({agents:B,loading:Z,onNavigate:L}){let{authFetch:G}=T(),{currentProjectId:J}=j(),{events:$,statusChangeCounter:K}=V(),[H,Q]=X.useState(null),[W,U]=X.useState([]),[O,P]=X.useState([]),I=X.useRef(null),{events:R}=x({category:"TASK"}),N=X.useMemo(()=>{if(J===null)return B;if(J==="unassigned")return B.filter((z)=>!z.projectId);return B.filter((z)=>z.projectId===J)},[B,J]),b=X.useMemo(()=>{return[...N].sort((z,Y)=>{if(z.status==="running"&&Y.status!=="running")return-1;if(Y.status==="running"&&z.status!=="running")return 1;return z.name.localeCompare(Y.name)})},[N]),g=X.useMemo(()=>N.filter((z)=>z.status==="running").length,[N]),f=X.useMemo(()=>new Set(N.map((z)=>z.id)),[N]),d=X.useMemo(()=>{let z=new Map;return N.forEach((Y)=>z.set(Y.id,Y.name)),z},[N]),M=X.useCallback(async()=>{let z=J?`&project_id=${encodeURIComponent(J)}`:"",[Y,C]=await Promise.all([G(`/api/tasks?status=all${z}`).catch(()=>null),G(`/api/telemetry/events?type=thread_activity&limit=50${z}`).catch(()=>null)]);if(Y?.ok){let _=(await Y.json()).tasks||[];_.sort((F,w)=>{let S=F.status==="running"?0:F.status==="pending"?1:F.status==="completed"?2:3,v=w.status==="running"?0:w.status==="pending"?1:w.status==="completed"?2:3;if(S!==v)return S-v;if(S<=1){let r=F.next_run||F.execute_at?new Date(F.next_run||F.execute_at).getTime():1/0,n=w.next_run||w.execute_at?new Date(w.next_run||w.execute_at).getTime():1/0;return r-n}let o=F.completed_at||F.executed_at||F.created_at,i=w.completed_at||w.executed_at||w.created_at;return new Date(i).getTime()-new Date(o).getTime()}),U(_)}if(C?.ok){let p=await C.json();P(p.events||[])}},[G,J]);X.useEffect(()=>{M()},[M,K]),X.useEffect(()=>{if(!R.length)return;let z=R[0];if(!z||z.id===I.current)return;let Y=z.type;if(Y==="task_created"||Y==="task_updated"||Y==="task_deleted")I.current=z.id,M()},[R,M]);let y=X.useMemo(()=>{let z=$.filter((_)=>_.type==="thread_activity"),Y=new Set(z.map((_)=>_.id)),C=[...z];for(let _ of O)if(!Y.has(_.id))C.push(_),Y.add(_.id);let p=C.filter((_)=>f.has(_.agent_id));return p.sort((_,F)=>new Date(F.timestamp).getTime()-new Date(_.timestamp).getTime()),p.slice(0,50)},[$,O,f]);if(Z)return q.jsxDEV("div",{className:"flex-1 flex items-center justify-center text-[#666]",children:"Loading..."},void 0,!1,void 0,this);return q.jsxDEV("div",{className:"flex-1 flex flex-col overflow-hidden",children:[q.jsxDEV("div",{className:"px-6 pt-6 pb-4 shrink-0",children:q.jsxDEV("div",{className:"flex items-center justify-between",children:[q.jsxDEV("h1",{className:"text-xl font-semibold",children:"Activity"},void 0,!1,void 0,this),q.jsxDEV("span",{className:"text-sm text-[#666]",children:[g," of ",N.length," agents running"]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)},void 0,!1,void 0,this),q.jsxDEV("div",{className:"flex-1 flex min-h-0 overflow-hidden",children:[q.jsxDEV("div",{className:"flex-[2] flex flex-col overflow-hidden border-r border-[#1a1a1a]",children:[q.jsxDEV("div",{className:"px-4 py-2.5 border-b border-[#1a1a1a] shrink-0",children:q.jsxDEV("h3",{className:"text-xs font-semibold text-[#666] uppercase tracking-wider",children:"Agents"},void 0,!1,void 0,this)},void 0,!1,void 0,this),q.jsxDEV("div",{className:"flex-1 overflow-auto px-3 py-2",children:[b.length===0?q.jsxDEV("p",{className:"text-sm text-[#555] px-2 py-4 text-center",children:"No agents found"},void 0,!1,void 0,this):q.jsxDEV("div",{className:"space-y-1",children:b.map((z)=>q.jsxDEV(s,{agent:z,selected:H===z.id,onSelect:()=>Q(H===z.id?null:z.id)},z.id,!1,void 0,this))},void 0,!1,void 0,this),H&&q.jsxDEV(t,{agent:N.find((z)=>z.id===H)||null},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex-[3] flex flex-col min-h-0 overflow-hidden border-r border-[#1a1a1a]",children:[q.jsxDEV("div",{className:"px-4 py-2.5 border-b border-[#1a1a1a] flex items-center justify-between shrink-0",children:[q.jsxDEV("h3",{className:"text-xs font-semibold text-[#666] uppercase tracking-wider",children:"Activity Feed"},void 0,!1,void 0,this),q.jsxDEV("span",{className:"text-xs text-[#555]",children:y.length},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex-1 overflow-auto",children:y.length===0?q.jsxDEV("div",{className:"p-6 text-center text-[#555] text-sm",children:"No activity yet. Agent activity will appear here in real-time."},void 0,!1,void 0,this):q.jsxDEV("div",{className:"divide-y divide-[#1a1a1a]",children:y.map((z)=>q.jsxDEV("div",{className:"px-4 py-2.5 hover:bg-[#111]/50 transition",children:[q.jsxDEV("p",{className:"text-sm truncate",children:z.data?.activity||"Working..."},void 0,!1,void 0,this),q.jsxDEV("div",{className:"flex items-center gap-2 text-[10px] text-[#555] mt-0.5",children:[q.jsxDEV("span",{className:"text-[#666]",children:d.get(z.agent_id)||z.agent_id},void 0,!1,void 0,this),q.jsxDEV("span",{className:"text-[#444]",children:"·"},void 0,!1,void 0,this),q.jsxDEV("span",{children:zq(z.timestamp)},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},z.id,!0,void 0,this))},void 0,!1,void 0,this)},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex-[3] flex flex-col overflow-hidden",children:[q.jsxDEV("div",{className:"px-4 py-2.5 border-b border-[#1a1a1a] flex items-center justify-between shrink-0",children:[q.jsxDEV("h3",{className:"text-xs font-semibold text-[#666] uppercase tracking-wider",children:"Tasks"},void 0,!1,void 0,this),L&&q.jsxDEV("button",{onClick:()=>L("tasks"),className:"text-xs text-[#3b82f6] hover:text-[#60a5fa]",children:"View All"},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex-1 overflow-auto px-3 py-3",children:W.length===0?q.jsxDEV("p",{className:"text-sm text-[#555] px-2 py-4 text-center",children:"No tasks yet"},void 0,!1,void 0,this):q.jsxDEV("div",{className:"space-y-2.5",children:W.map((z)=>q.jsxDEV(e,{task:z},`${z.agentId}-${z.id}`,!1,void 0,this))},void 0,!1,void 0,this)},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)}function s({agent:B,selected:Z,onSelect:L}){let{isActive:G,type:J}=D(B.id),$=B.status==="running";return q.jsxDEV("button",{onClick:L,className:`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition ${Z?"bg-[#f97316]/10 border border-[#f97316]/30":"hover:bg-[#1a1a1a] border border-transparent"}`,children:[q.jsxDEV("span",{className:`w-2.5 h-2.5 rounded-full shrink-0 ${$&&G?"bg-green-400 animate-pulse":$?"bg-[#3b82f6]":"bg-[#444]"}`},void 0,!1,void 0,this),q.jsxDEV("div",{className:"flex-1 min-w-0",children:[q.jsxDEV("div",{className:"flex items-center gap-2",children:[q.jsxDEV("span",{className:`text-sm font-medium truncate ${$?"":"text-[#666]"}`,children:B.name},void 0,!1,void 0,this),q.jsxDEV("span",{className:"text-[10px] text-[#555] shrink-0",children:B.provider},void 0,!1,void 0,this)]},void 0,!0,void 0,this),G&&J?q.jsxDEV("p",{className:"text-[11px] text-green-400 truncate",children:J},void 0,!1,void 0,this):q.jsxDEV("p",{className:`text-[11px] ${$?"text-[#555]":"text-[#444]"}`,children:$?"idle":"stopped"},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)}function t({agent:B}){let{authFetch:Z}=T(),[L,G]=X.useState(""),[J,$]=X.useState(!1),[K,H]=X.useState(null);if(X.useEffect(()=>{G(""),H(null)},[B?.id]),!B)return null;let Q=B.status==="running",W=async()=>{if(!L.trim()||J)return;if(!Q){H("Agent is not running"),setTimeout(()=>H(null),3000);return}$(!0);try{let U=await Z(`/api/agents/${B.id}/chat`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:L,agent_id:B.id})});if(U.ok)H("Sent"),G("");else{let O=await U.json().catch(()=>({}));H(O.error||"Failed")}}catch{H("Failed to send")}finally{$(!1),setTimeout(()=>H(null),3000)}};return q.jsxDEV("div",{className:"mt-2 bg-[#0a0a0a] border border-[#1a1a1a] rounded-lg p-2.5",children:[q.jsxDEV("div",{className:"flex items-center justify-between mb-1.5",children:[q.jsxDEV("span",{className:"text-[10px] text-[#666]",children:["Send to ",q.jsxDEV("span",{className:"text-[#888]",children:B.name},void 0,!1,void 0,this)]},void 0,!0,void 0,this),K&&q.jsxDEV("span",{className:`text-[10px] px-1.5 py-0.5 rounded ${K==="Sent"?"bg-green-500/10 text-green-400":"bg-red-500/10 text-red-400"}`,children:K},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex gap-1.5",children:[q.jsxDEV("input",{type:"text",value:L,onChange:(U)=>G(U.target.value),onKeyDown:(U)=>U.key==="Enter"&&W(),placeholder:Q?"Command...":"Not running",disabled:J||!Q,autoFocus:!0,className:"flex-1 bg-[#111] border border-[#1a1a1a] rounded px-2 py-1.5 text-xs focus:outline-none focus:border-[#f97316] placeholder-[#444] disabled:opacity-50"},void 0,!1,void 0,this),q.jsxDEV("button",{onClick:W,disabled:J||!L.trim()||!Q,className:"px-2.5 py-1.5 bg-[#f97316]/20 text-[#f97316] rounded text-xs font-medium hover:bg-[#f97316]/30 transition disabled:opacity-30",children:J?"...":"Send"},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)}var l={pending:"bg-yellow-500/20 text-yellow-400",running:"bg-blue-500/20 text-blue-400",completed:"bg-green-500/20 text-green-400",failed:"bg-red-500/20 text-red-400",cancelled:"bg-gray-500/20 text-gray-400"},m=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];function e({task:B}){return q.jsxDEV("div",{className:"bg-[#111] border border-[#1a1a1a] rounded-lg p-3 hover:border-[#333] transition",children:[q.jsxDEV("div",{className:"flex items-start justify-between mb-1.5",children:[q.jsxDEV("div",{className:"flex-1 min-w-0",children:[q.jsxDEV("h4",{className:"text-sm font-medium truncate",children:B.title},void 0,!1,void 0,this),q.jsxDEV("p",{className:"text-xs text-[#666]",children:B.agentName},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("span",{className:`px-1.5 py-0.5 rounded text-[10px] font-medium shrink-0 ml-2 ${l[B.status]||l.pending}`,children:B.status},void 0,!1,void 0,this)]},void 0,!0,void 0,this),q.jsxDEV("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 text-[11px] text-[#555]",children:[q.jsxDEV("span",{className:"flex items-center gap-1",children:[B.type==="recurring"?q.jsxDEV(u,{className:"w-3 h-3"},void 0,!1,void 0,this):B.execute_at?q.jsxDEV(c,{className:"w-3 h-3"},void 0,!1,void 0,this):q.jsxDEV(E,{className:"w-3 h-3"},void 0,!1,void 0,this),B.type==="recurring"&&B.recurrence?qq(B.recurrence):B.type]},void 0,!0,void 0,this),B.next_run&&q.jsxDEV("span",{className:"text-[#f97316]",children:k(B.next_run)},void 0,!1,void 0,this),!B.next_run&&B.execute_at&&q.jsxDEV("span",{className:"text-[#f97316]",children:k(B.execute_at)},void 0,!1,void 0,this)]},void 0,!0,void 0,this)]},void 0,!0,void 0,this)}function qq(B){try{let Z=B.trim().split(/\s+/);if(Z.length!==5)return B;let[L,G,J,$,K]=Z;if(L.startsWith("*/")&&G==="*"&&J==="*"&&$==="*"&&K==="*"){let Q=parseInt(L.slice(2));return Q===1?"Every min":`Every ${Q}min`}if(L!=="*"&&!L.includes("/")&&G==="*"&&J==="*"&&$==="*"&&K==="*")return"Hourly";if(G.startsWith("*/")&&J==="*"&&$==="*"&&K==="*"){let Q=parseInt(G.slice(2));return Q===1?"Hourly":`Every ${Q}h`}let H=(Q,W)=>{let U=parseInt(Q),O=parseInt(W);if(isNaN(U))return"";let P=U>=12?"PM":"AM";return`${U===0?12:U>12?U-12:U}:${O.toString().padStart(2,"0")} ${P}`};if(G!=="*"&&!G.includes("/")&&J==="*"&&$==="*"){let Q=H(G,L);if(K==="*")return`Daily ${Q}`;let W=K.split(",").map((U)=>m[parseInt(U.trim())]||U);if(W.length===1)return`${W[0]} ${Q}`;return`${W.join(", ")} ${Q}`}return B}catch{return B}}function k(B){let Z=new Date(B),L=new Date,G=Z.getTime()-L.getTime(),J=G>0,$=Math.abs(G),K=Math.floor($/60000),H=Math.floor($/3600000),Q=Z.toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}),W=Z.toDateString()===L.toDateString(),U=new Date(L);U.setDate(U.getDate()+1);let O=Z.toDateString()===U.toDateString();if(W){if(K<1)return"now";if(K<60)return J?`in ${K}m`:`${K}m ago`;return J?`in ${H}h (${Q})`:`${H}h ago`}if(O)return`Tomorrow ${Q}`;return`${m[Z.getDay()]} ${Q}`}function zq(B){let Z=Math.floor((Date.now()-new Date(B).getTime())/1000);if(Z<5)return"just now";if(Z<60)return`${Z}s ago`;let L=Math.floor(Z/60);if(L<60)return`${L}m ago`;let G=Math.floor(L/60);if(G<24)return`${G}h ago`;return`${Math.floor(G/24)}d ago`}
-export{Qq as d};
-
-//# debugId=FD9DB9A2941A85B564756E2164756E21