stagent 0.5.0 → 0.6.0

package/src/app/api/settings/providers/route.ts

@@ -0,0 +1,57 @@
+import { NextResponse } from "next/server";
+import { getRuntimeSetupStates } from "@/lib/settings/runtime-setup";
+import { getRoutingPreference } from "@/lib/settings/routing";
+import { getAuthSettings } from "@/lib/settings/auth";
+import { getOpenAIAuthSettings } from "@/lib/settings/openai-auth";
+
+export async function GET() {
+  const [runtimeStates, routingPreference, anthropicAuth, openaiAuth] =
+    await Promise.all([
+      getRuntimeSetupStates(),
+      getRoutingPreference(),
+      getAuthSettings(),
+      getOpenAIAuthSettings(),
+    ]);
+
+  const anthropicConfigured =
+    runtimeStates["claude-code"].configured ||
+    runtimeStates["anthropic-direct"].configured;
+  const openaiConfigured =
+    runtimeStates["openai-codex-app-server"].configured ||
+    runtimeStates["openai-direct"].configured;
+
+  // Detect dual-billing: user has OAuth (subscription) for Claude Code
+  // AND an API key (pay-as-you-go) for Anthropic Direct
+  const anthropicHasOAuth =
+    anthropicAuth.method === "oauth" || anthropicAuth.apiKeySource === "oauth";
+  const anthropicHasApiKey = anthropicAuth.hasKey;
+  const anthropicDualBilling = anthropicHasOAuth && anthropicHasApiKey;
+
+  return NextResponse.json({
+    providers: {
+      anthropic: {
+        configured: anthropicConfigured,
+        authMethod: anthropicAuth.method,
+        hasKey: anthropicAuth.hasKey,
+        apiKeySource: anthropicAuth.apiKeySource,
+        dualBilling: anthropicDualBilling,
+        runtimes: [
+          runtimeStates["claude-code"],
+          runtimeStates["anthropic-direct"],
+        ],
+      },
+      openai: {
+        configured: openaiConfigured,
+        hasKey: openaiAuth.hasKey,
+        apiKeySource: openaiAuth.apiKeySource,
+        dualBilling: false,
+        runtimes: [
+          runtimeStates["openai-codex-app-server"],
+          runtimeStates["openai-direct"],
+        ],
+      },
+    },
+    routingPreference,
+    configuredProviderCount: Number(anthropicConfigured) + Number(openaiConfigured),
+  });
+}

package/src/app/api/settings/routing/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getRoutingPreference, setRoutingPreference } from "@/lib/settings/routing";
+import type { RoutingPreference } from "@/lib/constants/settings";
+
+const VALID_VALUES: RoutingPreference[] = ["cost", "latency", "quality", "manual"];
+
+export async function GET() {
+  const preference = await getRoutingPreference();
+  return NextResponse.json({ preference });
+}
+
+export async function POST(req: NextRequest) {
+  const body = await req.json();
+
+  if (!body.preference || !VALID_VALUES.includes(body.preference)) {
+    return NextResponse.json(
+      { error: `preference must be one of: ${VALID_VALUES.join(", ")}` },
+      { status: 400 },
+    );
+  }
+
+  await setRoutingPreference(body.preference);
+  return NextResponse.json({ preference: body.preference });
+}

package/src/app/api/settings/web-search/route.ts

@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getSetting, setSetting } from "@/lib/settings/helpers";
+import { SETTINGS_KEYS } from "@/lib/constants/settings";
+
+export async function GET() {
+  const exaEnabled = await getSetting(SETTINGS_KEYS.EXA_SEARCH_MCP_ENABLED);
+
+  return NextResponse.json({
+    exaSearchEnabled: exaEnabled === "true",
+  });
+}
+
+export async function POST(req: NextRequest) {
+  const body = await req.json();
+
+  if (body.exaSearchEnabled !== undefined) {
+    await setSetting(
+      SETTINGS_KEYS.EXA_SEARCH_MCP_ENABLED,
+      body.exaSearchEnabled ? "true" : "false"
+    );
+  }
+
+  const exaEnabled = await getSetting(SETTINGS_KEYS.EXA_SEARCH_MCP_ENABLED);
+
+  return NextResponse.json({
+    exaSearchEnabled: exaEnabled === "true",
+  });
+}

package/src/app/api/tasks/[id]/execute/route.ts

@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 import { db } from "@/lib/db";
-import { tasks } from "@/lib/db/schema";
+import { tasks, projects } from "@/lib/db/schema";
 import { eq, and } from "drizzle-orm";
 import { executeTaskWithAgent, classifyTaskProfile } from "@/lib/agents/router";
 import { DEFAULT_AGENT_RUNTIME } from "@/lib/agents/runtime/catalog";
@@ -9,6 +9,7 @@ import {
   BudgetLimitExceededError,
   enforceTaskBudgetGuardrails,
 } from "@/lib/settings/budget-guardrails";
+import { ensureFreshScan } from "@/lib/environment/auto-scan";
 
 export async function POST(
   _req: NextRequest,
@@ -47,6 +48,17 @@ export async function POST(
 
   const task = claimed[0];
 
+  // Auto-scan environment if the task's project has a workingDirectory
+  if (task.projectId) {
+    const [project] = await db
+      .select()
+      .from(projects)
+      .where(eq(projects.id, task.projectId));
+    if (project?.workingDirectory) {
+      ensureFreshScan(project.workingDirectory, task.projectId);
+    }
+  }
+
   // Auto-classify profile if none was set
   if (!task.agentProfile) {
     const autoProfile = classifyTaskProfile(

package/src/app/documents/page.tsx

@@ -24,6 +24,9 @@ export default async function DocumentsPage() {
       extractedText: documents.extractedText,
       processedPath: documents.processedPath,
       processingError: documents.processingError,
+      source: documents.source,
+      conversationId: documents.conversationId,
+      messageId: documents.messageId,
       createdAt: documents.createdAt,
       updatedAt: documents.updatedAt,
       taskTitle: tasks.title,

package/src/app/environment/page.tsx

@@ -3,11 +3,16 @@ import { listTemplates } from "@/lib/environment/templates";
 import { calculateHealthScore } from "@/lib/environment/health-scoring";
 import { EnvironmentDashboard } from "@/components/environment/environment-dashboard";
 import { PageShell } from "@/components/shared/page-shell";
-import { getWorkspaceContext } from "@/lib/environment/workspace-context";
+import { getWorkspaceContext, getLaunchCwd } from "@/lib/environment/workspace-context";
+import { ensureFreshScan } from "@/lib/environment/auto-scan";
 
 export const dynamic = "force-dynamic";
 
 export default async function EnvironmentPage() {
+  // Auto-scan the workspace directory if stale or missing
+  const cwd = getLaunchCwd();
+  ensureFreshScan(cwd);
+
   const scan = getLatestScan();
 
   if (!scan) {
@@ -18,6 +23,7 @@ export default async function EnvironmentPage() {
           artifacts={[]}
           categoryCounts={[]}
           toolCounts={[]}
+          scanPath={cwd}
         />
       </PageShell>
     );
@@ -48,6 +54,7 @@ export default async function EnvironmentPage() {
         checkpoints={checkpoints}
         templates={templates}
         healthScore={healthScore}
+        scanPath={cwd}
       />
     </PageShell>
   );

package/src/app/settings/page.tsx

@@ -1,11 +1,14 @@
-import { AuthConfigSection } from "@/components/settings/auth-config-section";
-import { OpenAIRuntimeSection } from "@/components/settings/openai-runtime-section";
+import { ProvidersAndRuntimesSection } from "@/components/settings/providers-runtimes-section";
 import { PermissionsSections } from "@/components/settings/permissions-sections";
 import { DataManagementSection } from "@/components/settings/data-management-section";
 import { BudgetGuardrailsSection } from "@/components/settings/budget-guardrails-section";
 import { ChatSettingsSection } from "@/components/settings/chat-settings-section";
 import { RuntimeTimeoutSection } from "@/components/settings/runtime-timeout-section";
 import { BrowserToolsSection } from "@/components/settings/browser-tools-section";
+import { WebSearchSection } from "@/components/settings/web-search-section";
+import { LearningContextSection } from "@/components/settings/learning-context-section";
+import { OllamaSection } from "@/components/settings/ollama-section";
+import { ChannelsSection } from "@/components/settings/channels-section";
 import { PageShell } from "@/components/shared/page-shell";
 
 export const dynamic = "force-dynamic";
@@ -14,11 +17,14 @@ export default function SettingsPage() {
   return (
     <PageShell title="Settings" description="Manage your Stagent configuration">
       <div className="space-y-6">
-        <AuthConfigSection />
-        <OpenAIRuntimeSection />
+        <ProvidersAndRuntimesSection />
+        <OllamaSection />
         <ChatSettingsSection />
         <RuntimeTimeoutSection />
+        <LearningContextSection />
+        <WebSearchSection />
         <BrowserToolsSection />
+        <ChannelsSection />
         <BudgetGuardrailsSection />
         <PermissionsSections />
         <DataManagementSection />

package/src/app/workflows/[id]/edit/page.tsx

@@ -34,6 +34,8 @@ export default async function EditWorkflowPage({
     id: p.id,
     name: p.name,
     supportedRuntimes: p.supportedRuntimes,
+    origin: p.origin,
+    scope: p.scope,
   }));
 
   const workflowData = {

package/src/app/workflows/new/page.tsx

@@ -16,6 +16,8 @@ export default async function NewWorkflowPage() {
     id: p.id,
     name: p.name,
     supportedRuntimes: p.supportedRuntimes,
+    origin: p.origin,
+    scope: p.scope,
   }));
 
   return (

package/src/components/chat/chat-command-popover.tsx

@@ -21,7 +21,7 @@ import {
 } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import {
-  getToolCatalog,
+  getToolCatalogWithSkills,
   groupToolCatalog,
   TOOL_GROUP_ICONS,
   TOOL_GROUP_ORDER,
@@ -36,6 +36,7 @@ interface ChatCommandPopoverProps {
   anchorRect: { top: number; left: number; height: number } | null;
   entityResults: EntitySearchResult[];
   entityLoading: boolean;
+  projectProfiles?: Array<{ id: string; name: string; description: string }>;
   onSelect: (item: {
     type: "slash" | "mention";
     id: string;
@@ -81,6 +82,7 @@ export function ChatCommandPopover({
   anchorRect,
   entityResults,
   entityLoading,
+  projectProfiles,
   onSelect,
   onClose,
 }: ChatCommandPopoverProps) {
@@ -116,7 +118,7 @@ export function ChatCommandPopover({
       data-chat-autocomplete=""
       className="rounded-lg border bg-popover text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-2"
     >
-      <Command shouldFilter={mode === "slash"} loop>
+      <Command shouldFilter loop>
         {/* Hidden input for cmdk filtering — synced to query */}
         <div className="sr-only">
           <CommandInput value={query} />
@@ -127,13 +129,17 @@ export function ChatCommandPopover({
             {mode === "slash" ? "No matching tools" : "No matching entities"}
           </CommandEmpty>
 
-          {mode === "slash" && <ToolCatalogItems onSelect={onSelect} />}
+          {mode === "slash" && (
+            <ToolCatalogItems
+              onSelect={onSelect}
+              projectProfiles={projectProfiles}
+            />
+          )}
 
           {mode === "mention" && (
             <MentionItems
               results={entityResults}
               loading={entityLoading}
-              query={query}
               onSelect={onSelect}
             />
           )}
@@ -147,10 +153,15 @@ export function ChatCommandPopover({
 
 function ToolCatalogItems({
   onSelect,
+  projectProfiles,
 }: {
   onSelect: ChatCommandPopoverProps["onSelect"];
+  projectProfiles?: ChatCommandPopoverProps["projectProfiles"];
 }) {
-  const catalog = getToolCatalog({ includeBrowser: true });
+  const catalog = getToolCatalogWithSkills({
+    includeBrowser: true,
+    projectProfiles,
+  });
   const groups = groupToolCatalog(catalog);
 
   return (
@@ -172,7 +183,9 @@ function ToolCatalogItems({
                     label: entry.name,
                     text: entry.behavior === "execute_immediately"
                       ? entry.name
-                      : `Use ${entry.name} to `,
+                      : entry.group === "Skills"
+                        ? `Use the ${entry.name} profile: `
+                        : `Use ${entry.name} to `,
                   })
                 }
               >
@@ -200,27 +213,17 @@ function ToolCatalogItems({
 function MentionItems({
   results,
   loading,
-  query,
   onSelect,
 }: {
   results: EntitySearchResult[];
   loading: boolean;
-  query: string;
   onSelect: ChatCommandPopoverProps["onSelect"];
 }) {
   if (loading && results.length === 0) {
     return (
       <div className="flex items-center gap-2 px-3 py-4 text-sm text-muted-foreground">
         <Loader2 className="h-4 w-4 animate-spin" />
-        Searching...
-      </div>
-    );
-  }
-
-  if (!query) {
-    return (
-      <div className="px-3 py-4 text-sm text-muted-foreground text-center">
-        Type to search entities...
+        Loading...
       </div>
     );
   }
@@ -228,7 +231,7 @@ function MentionItems({
   const grouped = groupByType(results);
   const entityTypes = Object.keys(grouped);
 
-  if (entityTypes.length === 0 && !loading) {
+  if (entityTypes.length === 0) {
     return null; // CommandEmpty will show
   }
 
@@ -242,7 +245,7 @@ function MentionItems({
             {grouped[type].map((entity) => (
               <CommandItem
                 key={`${entity.entityType}-${entity.entityId}`}
-                value={`${entity.entityType} ${entity.label}`}
+                value={`${entity.entityType} ${entity.label} ${entity.description ?? ""} ${entity.status ?? ""}`}
                 onSelect={() =>
                   onSelect({
                     type: "mention",

package/src/components/chat/chat-input.tsx

@@ -8,6 +8,7 @@ import { ChatModelSelector } from "./chat-model-selector";
 import { ChatCommandPopover } from "./chat-command-popover";
 import { useChatAutocomplete, type MentionReference } from "@/hooks/use-chat-autocomplete";
 import { getToolCatalog } from "@/lib/chat/tool-catalog";
+import { useProjectSkills } from "@/hooks/use-project-skills";
 import type { ChatModelOption } from "@/lib/chat/types";
 
 interface ChatInputProps {
@@ -19,6 +20,7 @@ interface ChatInputProps {
   modelId?: string;
   onModelChange?: (modelId: string) => void;
   availableModels?: ChatModelOption[];
+  projectId?: string | null;
 }
 
 export function ChatInput({
@@ -30,10 +32,12 @@ export function ChatInput({
   modelId,
   onModelChange,
   availableModels,
+  projectId,
 }: ChatInputProps) {
   const [value, setValue] = useState("");
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const autocomplete = useChatAutocomplete();
+  const { skills: projectSkills } = useProjectSkills(projectId);
 
   // Sync textarea ref with autocomplete hook
   useEffect(() => {
@@ -206,6 +210,7 @@ export function ChatInput({
         anchorRect={autocomplete.state.anchorRect}
         entityResults={autocomplete.entityResults}
         entityLoading={autocomplete.entityLoading}
+        projectProfiles={projectSkills.length > 0 ? projectSkills : undefined}
         onSelect={handlePopoverSelect}
         onClose={autocomplete.close}
       />

package/src/components/chat/chat-model-selector.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { CHAT_MODELS, DEFAULT_CHAT_MODEL, type ChatModelOption } from "@/lib/chat/types";
 import { Button } from "@/components/ui/button";
 import {
@@ -24,6 +25,7 @@ const tierEmoji: Record<string, string> = {
   Fast: "\u26A1",
   Balanced: "\u2728",
   Best: "\uD83D\uDC8E",
+  Local: "\uD83C\uDFE0",
 };
 
 export function ChatModelSelector({
@@ -31,7 +33,27 @@ export function ChatModelSelector({
   onModelChange,
   models = CHAT_MODELS,
 }: ChatModelSelectorProps) {
-  const current = models.find((m) => m.id === modelId) ?? models[0] ?? { id: modelId, label: modelId, provider: "anthropic" as const, tier: "Balanced", costLabel: "$$" };
+  const [ollamaModels, setOllamaModels] = useState<ChatModelOption[]>([]);
+
+  // Fetch available Ollama models on mount
+  useEffect(() => {
+    fetch("/api/runtimes/ollama")
+      .then((r) => (r.ok ? r.json() : { models: [] }))
+      .then((data: { models?: Array<{ name: string; details?: { parameter_size?: string } }> }) => {
+        const models = (data.models ?? []).map((m) => ({
+          id: `ollama:${m.name}`,
+          label: m.name.replace(/:latest$/, ""),
+          provider: "ollama" as const,
+          tier: "Local",
+          costLabel: "Free",
+        }));
+        setOllamaModels(models);
+      })
+      .catch(() => {});
+  }, []);
+
+  const allModels = [...models, ...ollamaModels];
+  const current = allModels.find((m) => m.id === modelId) ?? allModels[0] ?? { id: modelId, label: modelId, provider: "anthropic" as const, tier: "Balanced", costLabel: "$$" };
 
   const anthropicModels = models.filter(
     (m) => m.provider === "anthropic"
@@ -83,6 +105,25 @@ export function ChatModelSelector({
             </DropdownMenuGroup>
           </>
         )}
+
+        {ollamaModels.length > 0 && (
+          <>
+            <DropdownMenuSeparator />
+            <DropdownMenuLabel className="text-xs text-muted-foreground">
+              Ollama (Local)
+            </DropdownMenuLabel>
+            <DropdownMenuGroup>
+              {ollamaModels.map((m) => (
+                <ModelMenuItem
+                  key={m.id}
+                  model={m}
+                  isSelected={m.id === modelId}
+                  onSelect={onModelChange}
+                />
+              ))}
+            </DropdownMenuGroup>
+          </>
+        )}
       </DropdownMenuContent>
     </DropdownMenu>
   );

package/src/components/chat/chat-shell.tsx

@@ -515,6 +515,7 @@ export function ChatShell({
                 modelId={modelId}
                 onModelChange={handleModelChange}
                 availableModels={availableModels}
+                projectId={activeConversation?.projectId}
               />
             </ChatEmptyState>
           </div>
@@ -539,6 +540,7 @@ export function ChatShell({
               modelId={modelId}
               onModelChange={handleModelChange}
               availableModels={availableModels}
+              projectId={activeConversation?.projectId}
             />
           </>
         )}

package/src/components/dashboard/welcome-landing.tsx

@@ -1,22 +1,22 @@
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
-import { Shield, GitBranch, Wallet } from "lucide-react";
+import { Shield, Zap, Wallet } from "lucide-react";
 
 const pillars = [
   {
     icon: Shield,
-    title: "Governed Execution",
-    description: "Every agent action requires explicit approval. Full audit trail for every decision.",
+    title: "Your Rules, Enforced",
+    description: "Every agent action respects your policies. Full audit trail for every decision.",
   },
   {
-    icon: GitBranch,
-    title: "Reusable Automation",
-    description: "Build workflow templates once, run them many times. Profile-aware agent routing.",
+    icon: Zap,
+    title: "Business on Autopilot",
+    description: "Build workflow templates once, run them many times. 21 specialist profiles ready to deploy.",
   },
   {
     icon: Wallet,
-    title: "Cost & Visibility",
-    description: "Track spend per task, per runtime. Budget guardrails prevent surprise bills.",
+    title: "Know What You Spend",
+    description: "Track spend per task, per provider. Budget guardrails prevent surprise bills.",
   },
 ];
 
@@ -31,7 +31,7 @@ export function WelcomeLanding() {
         Welcome to Stagent
       </h1>
       <p className="text-base text-muted-foreground mb-8 max-w-lg">
-        The governed AI agent operations workspace. Execute tasks, manage workflows, and maintain full oversight of your AI agents.
+        Your AI Business Operating System. Deploy AI agents, automate business processes, and maintain full control of spend and execution.
       </p>
 
       <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 w-full mb-8">

package/src/components/environment/artifact-card.tsx

@@ -2,6 +2,8 @@
 
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Bot, Link as LinkIcon } from "lucide-react";
 import type { EnvironmentArtifactRow } from "@/lib/db/schema";
 import { CATEGORY_META } from "./summary-cards-row";
 import { PersonaIndicator } from "./persona-indicator";
@@ -9,6 +11,7 @@ import { PersonaIndicator } from "./persona-indicator";
 interface ArtifactCardProps {
   artifact: EnvironmentArtifactRow;
   onClick: () => void;
+  onCreateProfile?: () => void;
 }
 
 function formatSize(bytes: number): string {
@@ -17,7 +20,7 @@ function formatSize(bytes: number): string {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
-export function ArtifactCard({ artifact, onClick }: ArtifactCardProps) {
+export function ArtifactCard({ artifact, onClick, onCreateProfile }: ArtifactCardProps) {
   const meta = CATEGORY_META[artifact.category];
   const Icon = meta?.icon;
 
@@ -57,10 +60,33 @@ export function ArtifactCard({ artifact, onClick }: ArtifactCardProps) {
           <Badge variant="secondary" className="text-[10px] px-1.5 py-0">
             {artifact.scope}
           </Badge>
+          {/* Profile linkage indicator for skill artifacts */}
+          {artifact.category === "skill" && artifact.linkedProfileId && (
+            <Badge variant="default" className="text-[10px] px-1.5 py-0 gap-0.5">
+              <LinkIcon className="h-2.5 w-2.5" />
+              Profile
+            </Badge>
+          )}
           <span className="text-[10px] text-muted-foreground ml-auto">
             {formatSize(artifact.sizeBytes)}
           </span>
         </div>
+
+        {/* Create Profile button for unlinked skill artifacts */}
+        {artifact.category === "skill" && !artifact.linkedProfileId && onCreateProfile && (
+          <Button
+            variant="outline"
+            size="sm"
+            className="w-full text-xs gap-1.5"
+            onClick={(e) => {
+              e.stopPropagation();
+              onCreateProfile();
+            }}
+          >
+            <Bot className="h-3 w-3" />
+            Create Profile
+          </Button>
+        )}
       </CardContent>
     </Card>
   );