);
}
// ─── HUNT TAB ────────────────────────────────────────────────────
function HuntTab({ onAddToPipeline }) {
const [results, setResults] = React.useState([]);
const [loading, setLoading] = React.useState(false);
const [loadingCat, setLoadingCat] = React.useState(null);
const [savedResults, setSavedResults] = React.useState([]);
const [showSaved, setShowSaved] = React.useState(false);
const [removedIds, setRemovedIds] = React.useState(new Set());
const [regionKey, setRegionKey] = React.useState("permian");
const [customRegion, setCustomRegion] = React.useState("");
React.useEffect(() => {
DB.loadHuntResults().then(setSavedResults);
}, []);
function handleAddToPipelineAndRemove(lead) {
// Remove from display immediately
setRemovedIds(prev => {
const next = new Set(prev);
next.add(lead.huntedAt + lead.company);
return next;
});
// Also remove from Firestore hunt_results if it has an id
if (lead.id) {
DB.deleteHuntResult(lead.id).catch(() => {});
}
onAddToPipeline(lead);
}
async function runHunt(category) {
setLoading(true);
setLoadingCat(category.key);
const cat = HUNT_CATEGORIES.find(c => c.key === category.key);
const regionCfg = HUNT_REGIONS.find(r => r.key === regionKey) || HUNT_REGIONS[0];
const regionFocus = regionCfg.key === "custom"
? (customRegion.trim() ? `Focus on the following region: ${customRegion.trim()}.` : "Focus on TX, NM, LA, OK.")
: regionCfg.focus;
const regionLabel = regionCfg.key === "custom" ? (customRegion.trim() || "Custom") : regionCfg.label;
const system = `You are a business development intelligence agent for Internal Pipeline Services (IPS), a specialty contractor based in Venus/Mansfield, Texas. IPS offers in-situ pipeline internal cleaning (to NACE No. 2 standard) and epoxy lining services, accessing only both ends of a line, working up to 20 miles per run. Their highest-priority targets are produced water, brine, and saltwater disposal (SWD) pipelines — these are highly corrosive and prime rehabilitation or pre-lining candidates.
Your job is to find REAL, SPECIFIC, ACTIONABLE intelligence about: ${cat.desc}
Return a JSON array of 4-6 lead objects. Each object must have:
- "company": company name
- "headline": specific finding (1 sentence, mention real details if possible)
- "source": where this would be found (e.g. "Texas RRC", "PHMSA", "Press Release", "LinkedIn")
- "location": state/region
- "score": "hot" | "warm" | "moderate" | "cold"
- "scoreReason": 1 sentence why this score
- "triggerEvent": the specific event that makes them a prospect now
- "targetTitle": best job title to contact at this company
- "linkedinSearch": a LinkedIn search string to find the right contact
- "outreachAngle": 1-2 sentences on how IPS should approach this specific lead
- "pipelineLength": line length if known or estimable from permit/filing data (e.g. "~8 miles", "12,000 ft") — use "unknown" if no data available
- "pipelineDiameter": pipe diameter (e.g. "8-inch", "12-inch") — use "unknown" if not found
- "pipelineMaterial": pipe material ("steel", "HDPE", "poly", "fiberglass") — use "unknown" if not found
- "pipelineFluid": what the line carries ("produced water", "brine", "saltwater disposal", "crude") — infer from context if needed
- "pipelineNotes": any additional specifics — age, condition, corrosion history, install year, operating pressure, coating status, or anything relevant from filings/news. Leave empty string if nothing found.
${regionFocus} Prioritize produced water, brine, SWD operators. Be specific and realistic — these should feel like real leads a BD person would act on. For pipeline specs, pull from permit filings, PHMSA records, press releases, or make an informed estimate based on typical infrastructure for that operator type and region — note if it is an estimate.
Return ONLY valid JSON array, no markdown, no explanation.`;
const user = `Find current ${cat.label} leads for IPS pipeline cleaning and epoxy lining services in the following region: ${regionLabel}. Today's date: ${new Date().toLocaleDateString()}. Focus on the most actionable opportunities in the last 30-60 days.`;
try {
const text = await callClaude(system, user);
const clean = text.replace(/```json|```/g, "").trim();
const leads = JSON.parse(clean);
const withMeta = leads.map(l => ({ ...l, category: category.key, categoryLabel: category.label, huntRegion: regionCfg.key, huntRegionLabel: regionLabel, huntedAt: Date.now() }));
// Save to Firestore
for (const lead of withMeta) {
await DB.saveHuntResult(lead);
}
setResults(prev => [...withMeta, ...prev]);
setSavedResults(prev => [...withMeta, ...prev]);
} catch(e) {
console.error(e);
alert("Hunt error: " + e.message);
}
setLoading(false);
setLoadingCat(null);
}
async function clearResults() {
if (!confirm("Clear all saved hunt results?")) return;
await DB.clearHuntResults();
setSavedResults([]);
setResults([]);
}
const display = (showSaved ? savedResults : results).filter(lead => {
const key = (lead.huntedAt || "") + lead.company;
return !removedIds.has(key);
});
return (
Intelligence Hunt
Run targeted searches to surface pipeline prospects. Each hunt uses AI to identify actionable leads.
{/* Region selector */}
Hunt Region
{regionKey === "custom" && (
setCustomRegion(e.target.value)}
placeholder="e.g. West Virginia, or Alberta Canada, or Middle East"
/>
)}
);
}
// ─── OUTREACH TAB ────────────────────────────────────────────────
function OutreachTab({ pendingLead, onClearPending }) {
const [mode, setMode] = React.useState("profile"); // profile | lead
const [input, setInput] = React.useState("");
const [result, setResult] = React.useState(null);
const [loading, setLoading] = React.useState(false);
React.useEffect(() => {
if (pendingLead) {
setMode("lead");
setInput(JSON.stringify(pendingLead, null, 2));
}
}, [pendingLead]);
async function generate() {
if (!input.trim()) return;
setLoading(true);
setResult(null);
const system = `You are a business development assistant for Internal Pipeline Services (IPS), a specialty contractor in Venus/Mansfield, Texas. IPS cleans and epoxy-lines pipelines in place — accessing only both ends, no excavation, up to 20 miles per run. They work primarily on produced water, brine, and saltwater disposal pipelines in TX, NM, LA, and OK.
Key proof point: IPS recently completed a Mont Belvieu, TX produced water line — 3,194 ft, 24-inch, cleaned to NACE No. 2, 57 pig runs, then epoxy lined in place.
The goal of ALL outreach is simple and singular: start a genuine conversation and ask about their current internal coating program for new construction or existing infrastructure. Messages should feel human and professional — NOT sales-y, NOT generic, NOT overly flattering.
Rules for every message:
- Lightly reference 1 specific thing about the lead (their company's activity, a recent project, their region, their pipeline type) — just enough to show you did your homework, but don't dwell on it
- Keep it brief. Connection requests under 250 chars. Follow-ups 3-4 sentences max. Emails 4-5 sentences max.
- End with a soft, low-pressure ask: something like "curious what your current approach is for internal coating on new lines or existing infrastructure" or "do you have an internal coating program in place for your produced water lines?"
- NEVER use phrases like: "I came across your profile", "I couldn't help but notice", "I wanted to reach out", "I hope this message finds you well", "I'm excited to", "game-changer", "innovative solution"
- Write like a real person talking to another real person in the oil and gas industry
Generate and return JSON with:
- "score": "hot" | "warm" | "moderate" | "cold"
- "scoreReason": 1-2 sentences on why this is a good IPS prospect
- "connectionRequest": LinkedIn connection request — brief, natural, under 250 chars, no pitch
- "followUp": message to send after they connect — 3-4 sentences, light reference to their situation, ends with a question about their coating program
- "emailSubject": short, plain subject line — not clickbait, sounds like a real email
- "emailBody": 4-5 sentence cold email — references their specific context briefly, then asks about their internal coating program
- "talkingPoints": array of 3-4 practical discovery call questions (not selling points — actual questions you'd ask to understand their situation)
- "caseStudyMatch": one sentence on why the Mont Belvieu job is relevant to this prospect
Return ONLY valid JSON, no markdown.`;
const user = mode === "profile"
? `Analyze this LinkedIn profile and generate personalized IPS outreach:\n\n${input}`
: `Generate personalized IPS outreach for this hunt lead:\n\n${input}`;
try {
const text = await callClaude(system, user);
const clean = text.replace(/```json|```/g, "").trim();
setResult(JSON.parse(clean));
} catch(e) {
alert("Error generating outreach. Try again.");
}
setLoading(false);
if (pendingLead) onClearPending();
}
function copy(text) {
navigator.clipboard.writeText(text).then(() => {
alert("Copied to clipboard");
});
}
const sc = result ? S.score(result.score) : null;
return (
Outreach Generator
Paste a LinkedIn profile or a hunt lead — get personalized, ready-to-send messages.