);
}
diff --git a/src/pages/doormile/settings/agentStudio/SkillCardsGrid.jsx b/src/pages/doormile/settings/agentStudio/SkillCardsGrid.jsx
index 1f4d4f4..6cdbac8 100644
--- a/src/pages/doormile/settings/agentStudio/SkillCardsGrid.jsx
+++ b/src/pages/doormile/settings/agentStudio/SkillCardsGrid.jsx
@@ -1,5 +1,5 @@
import React, { useState, useMemo } from 'react';
-import { Search, Plus, X, Layers, AlertCircle } from 'lucide-react';
+import { Search, Plus, X, AlertCircle, Filter, Zap } from 'lucide-react';
import { cn } from '@/lib/utils';
import SkillCard from './SkillCard';
@@ -8,218 +8,190 @@ export default function SkillCardsGrid({
activeAgent,
onTestSkill,
onOpenDetails,
+ onToggleStatus,
onNewSkill,
canCreate = true,
+ canEdit = true,
createDisabledReason = '',
}) {
- const [scopeTab, setScopeTab] = useState('agent'); // 'agent' or 'board'
const [searchQuery, setSearchQuery] = useState('');
const [categoryFilter, setCategoryFilter] = useState('ALL');
+ const [statusFilter, setStatusFilter] = useState('ALL'); // 'ALL' | 'ACTIVE' | 'DISABLED'
+ const [scopeFilter, setScopeFilter] = useState('ALL'); // 'ALL' | 'AGENT' | 'BOARD'
- // Filter by active agent and scope
- const scopedSkills = useMemo(() => {
- return skills.filter((s) => {
- if (scopeTab === 'board') {
- return s.scope === 'board';
- }
- return s.scope !== 'board';
- });
- }, [skills, scopeTab]);
+ const hasBoardSkills = skills.some((s) => s.scope === 'board');
- // Categories present in the current scope
+ // Categories present in the skills
const categories = useMemo(() => {
- const counts = { ALL: scopedSkills.length };
- scopedSkills.forEach((s) => {
- const cat = (s.category || 'GENERAL').toUpperCase();
- counts[cat] = (counts[cat] || 0) + 1;
+ const list = new Set();
+ skills.forEach((s) => {
+ if (s.category) list.add(s.category.toUpperCase());
});
- return counts;
- }, [scopedSkills]);
+ return Array.from(list);
+ }, [skills]);
- // Filter by category and search query
+ // Filter skills
const filteredSkills = useMemo(() => {
- return scopedSkills.filter((s) => {
- const matchesCat =
- categoryFilter === 'ALL' ||
- (s.category || '').toUpperCase() === categoryFilter;
+ return skills.filter((s) => {
+ // Category filter
+ if (categoryFilter !== 'ALL' && (s.category || '').toUpperCase() !== categoryFilter) {
+ return false;
+ }
+ // Status filter
+ const isEnabled = s.enabled !== false;
+ if (statusFilter === 'ACTIVE' && !isEnabled) return false;
+ if (statusFilter === 'DISABLED' && isEnabled) return false;
+
+ // Scope filter
+ if (scopeFilter === 'AGENT' && s.scope === 'board') return false;
+ if (scopeFilter === 'BOARD' && s.scope !== 'board') return false;
+
+ // Search query
const q = searchQuery.toLowerCase().trim();
- const matchesQuery =
- !q ||
+ if (!q) return true;
+
+ return (
(s.title || '').toLowerCase().includes(q) ||
(s.description || '').toLowerCase().includes(q) ||
(s.category || '').toLowerCase().includes(q) ||
(s.integration || '').toLowerCase().includes(q) ||
- (s.prompt || '').toLowerCase().includes(q);
-
- return matchesCat && matchesQuery;
+ (s.prompt || '').toLowerCase().includes(q)
+ );
});
- }, [scopedSkills, categoryFilter, searchQuery]);
+ }, [skills, categoryFilter, statusFilter, scopeFilter, searchQuery]);
- const enabledCount = filteredSkills.filter((s) => s.enabled !== false).length;
- const agentCount = skills.filter((s) => s.scope !== 'board').length;
- const boardCount = skills.filter((s) => s.scope === 'board').length;
+ const activeCount = skills.filter((s) => s.enabled !== false).length;
return (
- {/* 1. Scope Sub-tabs (Agent Skills / Board Skills) */}
-
-
diff --git a/src/pages/doormile/settings/agentStudio/ToolRegistryView.jsx b/src/pages/doormile/settings/agentStudio/ToolRegistryView.jsx
index 902b308..36808c1 100644
--- a/src/pages/doormile/settings/agentStudio/ToolRegistryView.jsx
+++ b/src/pages/doormile/settings/agentStudio/ToolRegistryView.jsx
@@ -11,207 +11,262 @@ import {
Bell,
Database,
X,
- Hash,
- MapPin,
- Layers,
+ Bot,
+ Info,
} from 'lucide-react';
import { cn } from '@/lib/utils';
-/* ─── Kind config ─────────────────────────────────────────────────────────── */
-const KIND = {
+/* ─── Friendly Tool Dictionary ────────────────────────────────────────────── */
+const TOOL_DICTIONARY = {
+ alert_low_battery_rider: {
+ title: 'Rider Battery Warning',
+ desc: 'Sends an urgent notification to riders with low vehicle battery to recharge or report to a hub.',
+ category: 'Fleet & Riders',
+ },
+ assign_express_batch: {
+ title: 'Assign Express Batch',
+ desc: 'Automatically assigns grouped high-priority express orders to optimal nearby riders.',
+ category: 'Orders & Dispatch',
+ },
+ assign_riders: {
+ title: 'Assign Orders to Riders',
+ desc: 'Dispatches and matches unassigned customer orders with active, available delivery riders.',
+ category: 'Orders & Dispatch',
+ },
+ create_single_order: {
+ title: 'Create Express Booking',
+ desc: 'Creates an on-demand express delivery booking upon operator review and confirmation.',
+ category: 'Orders & Dispatch',
+ },
+ decide_assignment_failure: {
+ title: 'Diagnose Assignment Failure',
+ desc: 'Analyzes why an order failed assignment and recommends an immediate resolution.',
+ category: 'Analysis & Diagnostics',
+ },
+ decide_stall_response: {
+ title: 'Resolve Stalled Rider',
+ desc: 'Detects riders stopped mid-route and initiates automatic reassignment or customer updates.',
+ category: 'Analysis & Diagnostics',
+ },
+ dispatch_hub_idle_parcels: {
+ title: 'Dispatch Idle Hub Parcels',
+ desc: 'Coordinates idle riders to pick up parcels waiting at crowded hubs.',
+ category: 'Orders & Dispatch',
+ },
+ enforce_cash_handoff: {
+ title: 'Enforce Cash Hand-off',
+ desc: 'Routes riders carrying high Cash-on-Delivery balances to deposit cash at the nearest hub.',
+ category: 'Fleet & Riders',
+ },
+ enforce_otp_verification: {
+ title: 'Require Delivery OTP',
+ desc: 'Enforces one-time password verification before handing over high-value COD orders.',
+ category: 'Fleet & Riders',
+ },
+ nearby_milers: {
+ title: 'Locate Nearby Riders',
+ desc: 'Searches real-time GPS locations to find active delivery riders within a specified radius.',
+ category: 'Fleet & Riders',
+ },
+ notify_customer: {
+ title: 'Send Customer Update',
+ desc: 'Sends automated SMS or WhatsApp status notifications to the recipient about order delays or arrivals.',
+ category: 'Customer Alerts',
+ },
+ publish_miler_stalled: {
+ title: 'Broadcast Delay Event',
+ desc: 'Broadcasts a stalled delivery alert to the operations team dashboard.',
+ category: 'Customer Alerts',
+ },
+ reassign_booking: {
+ title: 'Reassign to New Rider',
+ desc: 'Transfers a stalled or delayed order to an alternate available rider to protect delivery SLA.',
+ category: 'Orders & Dispatch',
+ },
+ rebalance_riders: {
+ title: 'Rebalance Fleet Zones',
+ desc: 'Directs idle riders from low-demand areas to high-volume delivery zones.',
+ category: 'Fleet & Riders',
+ },
+ scan_bookings: {
+ title: 'Scan Pending Orders',
+ desc: 'Continuously monitors order queues for delayed or unassigned shipments.',
+ category: 'Orders & Dispatch',
+ },
+ simulate_pricing_quote: {
+ title: 'Calculate Delivery Quote',
+ desc: 'Estimates accurate delivery fares and ETA based on routed distance and vehicle type.',
+ category: 'Pricing & Route',
+ },
+ trigger_auto_dispatch: {
+ title: 'Trigger Auto-Dispatch',
+ desc: 'Automatically pairs waiting orders with the closest available riders during peak rush.',
+ category: 'Orders & Dispatch',
+ },
+};
+
+const CATEGORIES = [
+ 'Orders & Dispatch',
+ 'Fleet & Riders',
+ 'Customer Alerts',
+ 'Analysis & Diagnostics',
+];
+
+/** Convert snake_case code into clean Title Case if not in dictionary */
+function formatToolTitle(rawName) {
+ if (TOOL_DICTIONARY[rawName]?.title) return TOOL_DICTIONARY[rawName].title;
+ return rawName
+ .split('_')
+ .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+ .join(' ');
+}
+
+/** Sanitize developer descriptions into clean operational text */
+function formatToolDescription(tool) {
+ if (TOOL_DICTIONARY[tool.name]?.desc) return TOOL_DICTIONARY[tool.name].desc;
+ let text = tool.description || 'No description provided.';
+ text = text.replace(/REVIEW ONLY\.\s*/gi, '');
+ text = text.replace(/No executor\.\s*/gi, '');
+ text = text.replace(/\(structured output\)\s*/gi, '');
+ text = text.replace(/POST\s+[^\s]+\s+accepts[^\.]+\.\s*/gi, '');
+ text = text.replace(/NOT IMPLEMENTED:[^\.]+\.\s*/gi, '');
+ return text.trim() || 'Executes this automated workflow action.';
+}
+
+const KIND_META = {
read: {
icon: Eye,
- label: 'Read',
- card: 'border-sky-200 bg-sky-50/40',
- iconWrap: 'bg-sky-100 text-sky-600',
- badge: 'bg-sky-100 text-sky-700 border-sky-200',
- dot: 'bg-sky-500',
+ label: 'Lookup',
+ badge: 'bg-sky-50 text-sky-700 border-sky-200',
},
write: {
icon: Edit3,
- label: 'Write',
- card: 'border-violet-200 bg-violet-50/30',
- iconWrap: 'bg-violet-100 text-violet-600',
- badge: 'bg-violet-100 text-violet-700 border-violet-200',
- dot: 'bg-violet-500',
+ label: 'Action',
+ badge: 'bg-violet-50 text-violet-700 border-violet-200',
},
notify: {
icon: Bell,
- label: 'Notify',
- card: 'border-amber-200 bg-amber-50/30',
- iconWrap: 'bg-amber-100 text-amber-600',
- badge: 'bg-amber-100 text-amber-700 border-amber-200',
- dot: 'bg-amber-500',
+ label: 'Alert',
+ badge: 'bg-amber-50 text-amber-700 border-amber-200',
},
};
-const KIND_DEFAULT = {
+
+const DEFAULT_KIND_META = {
icon: Database,
- label: 'General',
- card: 'border-slate-200 bg-white',
- iconWrap: 'bg-slate-100 text-slate-500',
- badge: 'bg-slate-100 text-slate-600 border-slate-200',
- dot: 'bg-slate-400',
+ label: 'Action',
+ badge: 'bg-slate-100 text-slate-700 border-slate-200',
};
-function kindOf(tool) {
- return KIND[(tool.kind || '').toLowerCase()] || KIND_DEFAULT;
-}
-
-/* ─── Stat chip ───────────────────────────────────────────────────────────── */
-function StatChip({ label, value, tone = 'slate' }) {
- const tones = {
- slate: 'bg-slate-100 text-slate-700 border-slate-200',
- amber: 'bg-amber-50 text-amber-700 border-amber-200',
- emerald: 'bg-emerald-50 text-emerald-700 border-emerald-200',
- sky: 'bg-sky-50 text-sky-700 border-sky-200',
- };
- return (
-
- {value}
- {label}
-
- );
-}
-
-/* ─── Parameter pill ──────────────────────────────────────────────────────── */
-function ParamPill({ param }) {
- return (
-
-
-
{param.name}
-
-
- {param.type}
-
- {param.required && (
-
- req
-
- )}
-
-
- {param.description && (
-
{param.description}
- )}
- {param.default !== undefined && (
-
- default: {String(param.default)}
-
- )}
-
- );
-}
-
-/* ─── Tool Card ───────────────────────────────────────────────────────────── */
-function ToolCard({ tool }) {
+function ToolRow({ tool }) {
const [open, setOpen] = useState(false);
- const k = kindOf(tool);
- const KindIcon = k.icon;
+ const meta = KIND_META[(tool.kind || '').toLowerCase()] || DEFAULT_KIND_META;
+ const KindIcon = meta.icon;
+ const friendlyTitle = formatToolTitle(tool.name);
+ const friendlyDesc = formatToolDescription(tool);
const hasParams = tool.parameters && tool.parameters.length > 0;
return (
- {/* Card header — always visible */}