/* eslint-disable */
// AI Toolbox, filterable library of tools, tagged by accelerator.

const AFFILIATE_NOTE = "Some links in the Toolbox are affiliate links, which means we may earn a small commission if you purchase through them, at no extra cost to you. It never affects what we include or what we say: tools earn their place in the Toolbox on merit, and plenty of them pay us nothing.";

function AffiliateNote() {
  const [open, setOpen] = React.useState(false);
  return (
    <div className={`affil-line ${open ? "is-open" : ""}`}>
      <button onClick={() => setOpen(!open)}>
        <span className="affil-k">Disclosure</span>
        <span className="affil-s">Some links in the Toolbox are affiliate links.</span>
        <Icon name={open ? "chevron-up" : "chevron-down"} size={14} color="#8A8F9E" />
      </button>
      {open && <p>{AFFILIATE_NOTE}</p>}
    </div>
  );
}

const TOOL_CATEGORIES = [
{ key: "all", label: "All tools" },
{ key: "everyday", label: "Everyday assistants", former: "Core AI", tone: "everyday", dotCls: "acc-dot--everyday" },
{ key: "agents", label: "Agents", former: "Agentic AI", tone: "agents", dotCls: "acc-dot--agents" },
{ key: "workflow", label: "Automation and workflows", former: "Workflow AI", tone: "agents", dotCls: "acc-dot--agents" },
{ key: "conversational", label: "Voice and chat", former: "Conversational AI", tone: "conversational", dotCls: "acc-dot--conversational" },
{ key: "decision", label: "Data and analysis", former: "Data AI", tone: "decision", dotCls: "acc-dot--decision" },
{ key: "knowledge", label: "Knowledge and search", former: "Knowledge AI", tone: "knowledge", dotCls: "acc-dot--knowledge" },
{ key: "tool", label: "Specialist task tools", former: "Task AI", tone: "tool", dotCls: "acc-dot--tool" }];

const TOOLS = [
// Everyday essentials
{
  name: "ChatGPT", vendor: "OpenAI", cat: "everyday", slug: "chatgpt",
  use: "General-purpose AI assistant. Daily driver for most office work.",
  tagline: "The general-purpose AI assistant most teams start with.",
  about: "OpenAI's flagship assistant, and the one most teams reach for first. It handles everyday writing, summarising, brainstorming and analysis across text, images and files, with a large ecosystem of custom GPTs and integrations on top.",
  bestFor: ["Drafting and editing everyday documents", "Summarising long files and email threads", "Quick research and brainstorming"],
  site: "https://chatgpt.com",
  pricing: { tier: 1, note: "Free plan available; paid tiers for individuals and teams." },
  keyFeatures: [
  { name: "Conversational AI", desc: "Follows complex instructions, remembers earlier turns and adapts to context, with multiple underlying models for different task needs." },
  { name: "Web search", desc: "Looks up recent, real-time information with source-backed responses, useful for current events and anything needing up-to-date facts." },
  { name: "Deep research", desc: "Runs multi-step research across many sources and synthesises cited, structured outputs. Useful for strategy, reports and reviews." },
  { name: "Image generation", desc: "Creates illustrations, mockups and visuals from text prompts, and edits images with natural-language commands." },
  { name: "Code interpreter", desc: "Runs Python in a secure sandbox to analyse and visualise data from spreadsheets and structured files." }],

  security: [
  { name: "SOC 2 Type 2", desc: "Independently audited security controls.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Certified information-security management.", icon: "file-check-2" },
  { name: "CSA STAR", desc: "Cloud Security Alliance assurance.", icon: "cloud" },
  { name: "GDPR & CCPA", desc: "Aligned with major data-protection laws.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's whole purpose and workflows rely on it.", icon: "atom" },
  insights: "We like ChatGPT for its adaptability and depth. It has grown well beyond chat, now covering reasoning, coding, data analysis and workflow design through natural language. Its real strength is flexibility: it integrates smoothly with productivity tools, APIs and automation platforms, making it a practical hub for everyday work. For teams focused on efficiency and ideation, it turns prompts into working drafts, documents and analysis in seconds."
},
{
  name: "Claude", vendor: "Anthropic", cat: "everyday", slug: "claude",
  use: "Long-context AI assistant. Strong at writing, analysis, and code.",
  tagline: "A constitutional AI assistant for research and writing.",
  about: "Claude, by Anthropic, is a constitutional AI assistant designed for helpfulness and safety. It excels at analysis, summarisation and creative writing, with a focus on ethical, reliable and transparent reasoning.",
  site: "https://claude.ai",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Extended context window", desc: "A large context window processes much bigger documents, maintains longer conversations and works efficiently with extensive codebases, handling dense research and industry reports comprehensively." },
  { name: "Constitutional AI", desc: "Adheres to principles of safety and harmlessness through a Constitutional AI philosophy that defines the rules the model must follow, leading to a safer, more steerable model with ethical norms guiding responses." },
  { name: "Tool use", desc: "Interacts with external tools and APIs to perform a wider variety of tasks, including Bash commands, code execution and web fetch, with fine-grained tool streaming that reduces latency." },
  { name: "Citations", desc: "Grounds responses in source documents, providing detailed references to the exact sentences and passages used, for verifiable, trustworthy outputs with transparent sourcing." },
  { name: "Multimodal processing", desc: "Accepts text, audio and visual inputs, answering questions, summarising documents and generating diagrams, and can process and analyse PDFs, extracting text and visual content simultaneously." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "ISO 27701", desc: "Robust privacy controls for handling personal data.", icon: "file-check-2" },
  { name: "CSA STAR", desc: "Cloud Security Alliance assurance.", icon: "cloud" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "We like Claude AI, created by Anthropic, for its ability to handle the kind of complex, high-volume work our clients actually face. The huge context window means it can digest long reports, policies or codebases in one go and keep the full thread of meaning, which leads to better analysis and fewer \u201clost in translation\u201d moments. Claude is also built for trust and real-world use: Anthropic's Constitutional AI approach makes it safer and more steerable, and its citations feature lets clients see exactly where answers come from. With strong tool use and multimodal input, it's a versatile, reliable assistant for research, document-heavy workflows and practical business problem-solving."
},
{
  name: "Perplexity", vendor: "Perplexity AI", cat: "everyday", slug: "perplexity",
  use: "AI-powered search with citations. Replaces 'Googling for an answer'.",
  tagline: "A conversational search engine with cited, verifiable answers.",
  about: "Perplexity AI is a conversational search engine combining generative AI with real-time web results. It delivers cited, verifiable answers for research and exploration, providing concise explanations with transparency.",
  site: "https://perplexity.ai",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AI-powered search", desc: "Uses advanced AI to search the internet in real time, gathering insights from top-tier sources and distilling them into a clear, concise summary in a conversational tone." },
  { name: "Pro Search", desc: "Conducts thorough research across multiple sources and delivers detailed, well-organised responses, and lets you choose which model answers, from GPT-5, Claude or Gemini." },
  { name: "Deep Research", desc: "Performs dozens of searches automatically, reads hundreds of sources and reasons through the material autonomously, delivering comprehensive reports in two to four minutes." },
  { name: "Source citations", desc: "Every answer includes numbered citations linking to the original sources, making verification or further exploration easy. Transparent sourcing builds trust in the results." },
  { name: "Model selector", desc: "Choose between different AI models when submitting a query, giving you control and flexibility over the type of response, best-model selection or manual choice." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "HIPAA (health data only)", desc: "HIPAA support, for health data only.", icon: "heart-pulse" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Perplexity stands out as a research-grade AI assistant built for accuracy, transparency and real-time intelligence. We like it because it goes beyond traditional LLMs \u2014 combining live web search, clear citations and a conversational interface that makes deep research both faster and more dependable. Its commitment to cited, verifiable information is especially valuable for business, compliance and decision-making contexts. Instead of guessing, Perplexity shows its work \u2014 enabling trust, auditability and immediate access to source material. It also excels as a dynamic information engine: with real-time search and up-to-date web intelligence, it keeps pace with changing markets, news and technology, something static models can't do alone."
},

{
  name: "Microsoft Copilot", vendor: "Microsoft", cat: "everyday", slug: "microsoft-copilot",
  use: "Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do.",
  tagline: "Lorem ipsum dolor sit amet, consectetur.",
  about: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
  site: "https://copilot.microsoft.com",
  pricing: { tier: 2, note: "Lorem ipsum dolor." },
  keyFeatures: [
  { name: "Lorem ipsum dolor", desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." },
  { name: "Consectetur adipiscing", desc: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute." },
  { name: "Sed do eiusmod", desc: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint." },
  { name: "Tempor incididunt", desc: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." },
  { name: "Ut labore dolore", desc: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam." }],

  security: [
  { name: "Lorem ipsum", desc: "Lorem ipsum dolor sit amet, consectetur.", icon: "shield-check" },
  { name: "Dolor sit amet", desc: "Consectetur adipiscing elit, sed do eiusmod.", icon: "lock" }],

  aiDepth: { label: "Lorem ipsum", desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do.", icon: "atom" },
  insights: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
},
{
  name: "Gemini", vendor: "Google", cat: "everyday", slug: "gemini",
  use: "Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do.",
  tagline: "Lorem ipsum dolor sit amet, consectetur.",
  about: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
  site: "https://gemini.google.com",
  pricing: { tier: 2, note: "Lorem ipsum dolor." },
  keyFeatures: [
  { name: "Lorem ipsum dolor", desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." },
  { name: "Consectetur adipiscing", desc: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute." },
  { name: "Sed do eiusmod", desc: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint." },
  { name: "Tempor incididunt", desc: "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." },
  { name: "Ut labore dolore", desc: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam." }],

  security: [
  { name: "Lorem ipsum", desc: "Lorem ipsum dolor sit amet, consectetur.", icon: "shield-check" },
  { name: "Dolor sit amet", desc: "Consectetur adipiscing elit, sed do eiusmod.", icon: "lock" }],

  aiDepth: { label: "Lorem ipsum", desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do.", icon: "atom" },
  insights: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
},

// Agentic AI
{
  name: "Relevance AI", vendor: "Relevance AI", cat: "agents", slug: "relevance-ai",
  use: "No-code platform for building and managing AI workforces, teams of autonomous agents.",
  tagline: "A no-code platform for building and managing AI workforces.",
  about: "Relevance AI is a no-code platform that lets businesses build, scale and manage AI workforces, teams of autonomous AI agents that automate business processes across departments, with no coding skills required.",
  site: "https://relevanceai.com",
  pricing: { tier: 1 },
  keyFeatures: [
  { name: "AI workforce management", desc: "Create and manage autonomous AI agents that work independently or together across sales, marketing and support, freeing your team to focus on more strategic work." },
  { name: "No-code AI agent builder", desc: "A visual drag-and-drop builder lets anyone configure custom agents and workflows without code, making advanced automation accessible regardless of technical expertise." },
  { name: "Pre-built industry AI agents", desc: "A library of pre-built agents for sales outreach, customer support and data analysis lets teams deploy instantly, with extensive customisation for their own requirements." },
  { name: "Seamless integrations", desc: "Integrates with thousands of business tools and APIs, connecting existing systems and automating workflows end-to-end without disrupting established processes." },
  { name: "Enterprise-grade security", desc: "Robust data security, encryption and privacy controls keep AI-driven operations compliant with major data-protection standards, suitable for strict compliance needs." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Relevance AI has done an impressive job of maintaining its identity as a truly agentic platform, resisting the common trend of drifting back toward traditional workflow builders \u2014 which is genuinely commendable. At the same time, we've recently seen them reintroduce some lightweight workflow-style capabilities within tools, adding structure and reliability where pure agentic decision-making can sometimes be unpredictable. It's a balance we're very happy to see, and it meaningfully strengthens the platform. The pace of improvement this year has been outstanding: faster, smarter agents, a growing set of integrations, and a team that listens closely to feedback and ships updates that actually matter. While the agent-first approach can still create occasional friction, the platform is becoming more intuitive, more stable and more powerful with every release. Relevance is capable of producing sophisticated results for technical users while still being approachable for those with limited experience. The main caution is to keep an eye on token usage during testing, as agent simulations can consume more than expected. But overall, if you're interested in where accessible, agent-driven automation is heading, Relevance is absolutely worth exploring."
},
{
  name: "n8n", vendor: "n8n", cat: "workflow", slug: "n8n",
  use: "Open-source workflow automation with strong AI-step library.",
  tagline: "Open-source automation that connects apps, APIs and AI.",
  about: "n8n is an open-source automation tool that connects apps and APIs through visual workflows. It lets you build complex automations combining AI, data transformation and integration logic, with the flexibility of self-hosting control.",
  site: "https://n8n.io",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Visual workflow builder", desc: "A drag-and-drop interface for rapid development that combines visual building with deep programmability, sophisticated automations without coding, while retaining full customisation when needed." },
  { name: "800+ pre-built integrations", desc: "Connect almost any application without custom code using an extensive library covering CRMs, databases, business apps and AI services, eliminating manual data transfers." },
  { name: "AI-native architecture", desc: "Built-in support for machine-learning and AI workflows with agent setups, creating AI-powered agents beyond simple automations. Integrates with OpenAI, Google AI and custom ML models." },
  { name: "Self-hosted control", desc: "Complete data sovereignty and customisation freedom through an open-source engine, with options to self-host and extend core features, you retain full control over data and logic." },
  { name: "Advanced logic handling", desc: "Complex branching, loops and conditional processing handle multi-step processes, while error handling and version control keep automation reliable at scale." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "n8n is a flexible workflow automation platform that plays especially well with AI. We like it because it gives us a powerful way to orchestrate complex workflows across tools, data sources and models \u2014 without locking us into a single vendor or heavy engineering overhead. Its AI integration capabilities are particularly strong: we can plug in different models, route logic based on responses, and combine AI with traditional automation steps in a single, transparent flow. That makes it ideal for building agentic, production-grade workflows rather than one-off experiments. Beyond AI, n8n shines as a general-purpose automation engine with solid reliability, observability and control \u2014 crucial for business-critical use cases."
},
{
  name: "Make", vendor: "Make.com", cat: "workflow", slug: "make",
  use: "Visual workflow builder. Best for non-engineers connecting SaaS.",
  tagline: "No-code visual automation between thousands of apps.",
  about: "Make (formerly Integromat) is a no-code visual platform for automating tasks between apps. It supports thousands of integrations, logic branching and real-time data flow, enabling businesses to build intelligent, AI-enhanced workflows.",
  site: "https://make.com",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Visual workflow builder", desc: "An intuitive drag-and-drop interface that shows exactly what happens in a workflow, scaling from simple tasks to complex processes, with real-time visualisation for transparent automation design." },
  { name: "1000+ app integrations", desc: "Connect over a thousand apps and services for seamless data flow between tools, with an extensive library covering marketing, sales, productivity and business applications." },
  { name: "Real-time execution", desc: "Automations trigger instantly or run on a schedule, ensuring timely execution across platforms. Dynamic workflows adapt to changing conditions automatically, without manual intervention." },
  { name: "Data mapping", desc: "Powerful data-manipulation tools ensure smooth transfer between applications with transformation capabilities, handling complex data structures and format conversions without coding." },
  { name: "Error handling", desc: "Robust error-management features identify and resolve issues quickly, minimising downtime, while detailed logging and monitoring keep automations reliable and transparent." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "Make is one of the more polished and reliable automation tools, especially for building clean, stable workflows. It offers a wide range of integrations and logic controls, making it easy to design flows that branch, loop or iterate without writing code. There's a bit of a learning curve in figuring out which transformation tools to use and how to structure more advanced workflows, but once you get the hang of it, the interface feels intuitive and efficient. Its strictly linear structure can be limiting for more complex or dynamic workflows, yet that same design makes it robust and easy to reason through for straightforward automation. Recently, Make has introduced AI agents that add a layer of intelligence to workflow building, though its real strength still lies in its clear, rule-based approach to automation."
},
{
  name: "Zapier", vendor: "Zapier", cat: "workflow", slug: "zapier",
  use: "The default SaaS connector. Now with AI steps and tables.",
  tagline: "Connect 7,000+ apps and automate work without code.",
  about: "Zapier automates tasks across over 7,000 apps through “Zaps”. Connect tools like Gmail, Slack and ChatGPT without coding, streamlining workflows and enabling AI-assisted automation for teams and individuals.",
  site: "https://zapier.com",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "7000+ app integrations", desc: "Connects with over seven thousand applications covering virtually every business software category, from CRM to project management, enabling automation across your entire tech stack." },
  { name: "Multi-step Zaps", desc: "Chain multiple actions together so a single trigger runs entire processes across platforms with conditional logic, branching based on conditions to create sophisticated automation without code." },
  { name: "AI-powered automation", desc: "Incorporates AI for natural-language workflow creation, smart data processing and intelligent routing, adapting to changing business needs to make automation more effective over time." },
  { name: "No-code interface", desc: "An intuitive drag-and-drop builder makes automation accessible to non-technical users while offering advanced features for power users, with a simple setup that gets automations running quickly." },
  { name: "Real-time processing", desc: "Executes automations promptly when triggered, supporting business continuity and time-sensitive workflows so data stays current and actions happen instantly." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "Zapier combines its long-standing workflow automation platform with a newer agent-based system that can build and update its own instructions through natural-language feedback. The strength of the platform lies in its vast library of integrations, making it easy to connect a wide range of tools with minimal setup. The agent builder is simple to use but best suited to straightforward, single-purpose automations rather than complex logic or multi-step reasoning. Overall, it's a dependable option for building practical, low-maintenance workflows without much technical overhead."
},
{
  name: "Cassidy", vendor: "Cassidy AI", cat: "agents", slug: "cassidy",
  use: "Builds and deploys autonomous AI agents and assistants off your company knowledge.",
  tagline: "An AI operations platform for autonomous business workflows.",
  about: "Cassidy is an AI operations platform that builds and deploys autonomous agents for business workflows. It integrates your data, tools and reasoning models to automate tasks intelligently.",
  site: "https://cassidyai.com",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AI assistants", desc: "Create AI copilots that understand your business inside-out, from drafting emails to triaging customer tickets, leveraging company knowledge for context-aware answers." },
  { name: "Knowledge base integration", desc: "Securely integrates with over 100 tools and data sources, including Google Drive, Slack and Notion, learning from your existing data to give accurate responses." },
  { name: "Workflow automation", desc: "A no-code drag-and-drop builder for complex AI automations without programming, automating customer support, lead qualification and RFP processing." },
  { name: "Model-agnostic", desc: "Use any foundational AI model so your strategy adapts as technology evolves, future-proofing with the flexibility to leverage multiple leading models." },
  { name: "Enterprise security", desc: "SOC 2 compliance with encrypted storage, ensuring your data is never used for model training, with enterprise-grade measures protecting information throughout workflows." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Cassidy has had a pretty big year on the momentum front. In September 2025 they announced a USD $10M Series A round led by HOF Capital, positioning themselves as a \u201ccontext-powered automation\u201d platform \u2014 basically AI workflows that non-technical teams can build off their own company knowledge, without waiting on IT. The funding is earmarked for product expansion and scaling the team, which lines up with their push into larger enterprise deployments. Product-wise, the newest notable capability is their Research Agent, launched around September 2025. It's designed to autonomously pull live web data, summarise it and feed it into workflows, so tasks like competitive scans, lead or account research, and fact-checking can run end-to-end with minimal manual mucking around. Under the hood, Cassidy is also doubling down on no-code, AI-embedded workflows, multi-model support (GPT, Claude, Gemini, etc.) and lots of integrations across typical stacks like CRMs, support platforms, docs and internal tools. The gist is that they want Cassidy to be the place where your assistants and automations live \u2014 using your data, in your voice, doing real process work rather than just chatting."
},

{
  name: "OpenAI AgentKit", vendor: "OpenAI", cat: "agents", slug: "openai-agentkit",
  use: "Developer toolkit to build, deploy and evaluate AI agents, visual builder, chat UI, connectors.",
  tagline: "A developer toolkit for building and shipping AI agents.",
  about: "OpenAI AgentKit is a unified developer toolkit that lets you build, deploy and optimise AI-powered agents through visual workflows, embeddable chat UIs, secure data and tool connectors, and built-in evaluation. It dramatically reduces the friction of going from prototype to live agent, streamlining production readiness.",
  site: "https://platform.openai.com",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Visual workflow builder (Agent Builder)", desc: "A drag-and-drop canvas to design multi-step agent workflows with nodes, branching logic, tool integrations and versioning, making complex agent logic visual rather than purely code-based." },
  { name: "Embeddable chat UI (ChatKit)", desc: "A ready-to-use, customisable chat interface you can embed into your app or website, letting users interact with agents built in AgentKit without building the chat layer from scratch." },
  { name: "Connector registry & tool integration", desc: "A centralised registry to manage connections between agents and external systems, data sources, APIs, internal tools, for secure, controlled tool usage and simpler orchestration of real-world workflows." },
  { name: "Built-in evaluation & optimization (Evals)", desc: "Assess agent performance using datasets, trace grading, prompt optimisation and third-party model support, a feedback loop to measure and improve agent accuracy, behaviour and reliability." },
  { name: "Production-ready versioning & deployment", desc: "Versioning of workflows plus preview and publish, enabling a shift from prototype to production with better governance, rollback control and monitoring of agent behaviour in live environments." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" },
  { name: "CSA STAR", desc: "Cloud Security Alliance assurance.", icon: "cloud" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "ISO 27701", desc: "Robust privacy controls for handling personal data.", icon: "file-check-2" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "We like OpenAI's AgentKit as a powerful way to move from prototype to production faster, bringing together a visual builder, chat UI, integrations and testing tools, primarily powered by GPT-5 and other OpenAI models. It shines as a sandbox for innovation and rapid prototyping, especially for teams that want to experiment with agentic workflows. For Australian businesses, though, it's best seen as a specialist tool rather than a complete automation platform: it currently offers a growing but still relatively small set of native integrations compared with mature tools like n8n, Make or Zapier, has no built-in scheduling or long-term memory, and uses usage-based pricing that can be harder to predict. It's a strong fit for developer-led teams exploring what's next with GPT-5, but less suited to non-technical teams that need rock-solid, scheduled automation and very clear cost control."
},

{
  name: "Microsoft Copilot Studio", vendor: "Microsoft", cat: "agents", slug: "microsoft-copilot-studio",
  use: "Low-code studio for building autonomous agents and chatbots across Microsoft 365.",
  tagline: "A low-code studio for building agents and chatbots on Microsoft 365.",
  about: "Microsoft Copilot Studio is a low-code, cloud-based tool for building specialised AI agents and extending Microsoft 365 Copilot. It lets you design, test and deploy generative AI-powered agents, automate workflows and connect to diverse data sources, all within the secure, scalable Microsoft platform.",
  site: "https://copilotstudio.microsoft.com",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Autonomous agents", desc: "Create autonomous agents that perform tasks and make decisions independently, automating business processes, managing data and adapting over time to reduce manual workload across Microsoft 365." },
  { name: "Multi-modal interaction", desc: "Agents support rich multi-modal interactions across text, voice, images and video, making Copilot accessible for hands-free operation, visual analysis and cross-platform experiences." },
  { name: "Low-code authoring canvas", desc: "A low-code environment for designing agents and workflows, visually build topics, set triggers, customise responses and integrate variables or logic, lowering the barrier to sophisticated automation." },
  { name: "Integrated analytics", desc: "Advanced analytics monitor agent performance, analyse unanswered queries, measure generative answer rates and assess response quality, helping you improve effectiveness and meet business outcomes." },
  { name: "Native Microsoft 365 integration", desc: "Deep integration with Outlook, Teams, SharePoint and more, so agents deliver contextual guidance and seamless automation within familiar enterprise platforms, based on real-time organisational data." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "HIPAA (health data only)", desc: "HIPAA support, for health data only.", icon: "heart-pulse" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "We like Copilot Studio for its ability to create more powerful, autonomous agents that go beyond simple task assistance. It lets agents be triggered autonomously, making it far more useful for automation and continuous workflow execution. While not all internal Microsoft 365 connections are fully functional yet, its potential is clear: Copilot Studio is shaping up to be a cornerstone tool for building smart, proactive systems that work seamlessly across enterprise environments."
},

{
  name: "Bardeen", vendor: "Bardeen", cat: "workflow", slug: "bardeen",
  use: "AI browser and app automation with one-click playbooks and web scraping.",
  tagline: "AI automation for repetitive browser and app tasks.",
  about: "Bardeen automates repetitive browser and app tasks using AI. With one-click automations and custom playbooks, it integrates with popular tools to boost productivity and efficiency.",
  site: "https://bardeen.ai",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "No-code automation", desc: "Streamline repetitive tasks across multiple platforms with a no-code interface, creating custom automations and integrations, with pre-built templates for common workflows and use cases." },
  { name: "Web scraping", desc: "A scraper copies data from almost any website with no code required, covering 100-plus of the most popular sites, powerful data extraction for lead generation and research." },
  { name: "ChatGPT integration", desc: "ChatGPT-style AI automatically generates custom automations from your natural-language needs, simplifying the complex automation-building process." },
  { name: "App integration", desc: "Integrates with an ever-growing collection of apps, connecting your favourite tools for seamless data flow, and launches on any website with a keyboard shortcut." },
  { name: "Background triggers", desc: "Triggers start automation when something happens in your apps, or run on a schedule in the background, automating workflows without constant manual intervention." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "Bardeen stands out for its simplicity and automation-first design. It runs as a Chrome extension and focuses on making automation approachable, even for non-technical users. Tasks can be described in plain language, and its Magic Box feature automatically translates those prompts into workable playbooks, which can run on demand or on a schedule. The interface feels light and intuitive, though it's better suited to straightforward, browser-based workflows than complex backend systems. With over 200 integrations and a recommendation system that suggests playbooks based on what's trending or what you've built before, it's a good option for quickly setting up automations without the overhead of learning a full platform."
},
{
  name: "Gemini Enterprise", vendor: "Google Cloud", cat: "agents", slug: "gemini-enterprise",
  use: "Google Cloud's enterprise AI platform, Gemini models, agents and a no-code workbench.",
  tagline: "Google Cloud's unified front door for AI at work.",
  about: "Gemini Enterprise is an enterprise-grade AI platform from Google Cloud that brings the latest Gemini models to every employee and workflow. It enables discovery, creation, sharing and deployment of AI agents within a secure environment, integrates with enterprise data and apps, and provides a unified front door for AI in the workplace.",
  site: "https://cloud.google.com/gemini",
  pricing: { tier: 2, note: "Free trial / plan available." },
  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "ISO 27701", desc: "Robust privacy controls for handling personal data.", icon: "file-check-2" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "Gemini Enterprise brings the best of Google's AI to everywhere work happens, giving teams a unified, secure platform to search, generate content, build and run AI agents for nearly any workflow. You get access to the latest multimodal Gemini models, plus a no-code workbench that lets people from marketing to finance spin up AI-powered assistants, even if they don't speak fluent code. The idea of tying together data sources, apps and agents under one roof sounds almost magical for smoothing out repetitive tasks. We haven't had a chance to dive deep into it just yet, but the buzz is good, and we're keen to try. Until then, we're putting it on the “promising tools” shelf: worth exploring, but with our usual dose of scepticism (because no AI is ever truly “set and forget”)."
},

// Knowledge AI

{
  name: "Sike", vendor: "Sike AI", cat: "knowledge", slug: "sike",
  use: "Secure agentic AI for data extraction and compliant workflow automation.",
  tagline: "Secure, agentic AI for regulated environments.",
  about: "Sike AI offers agentic automation tools for sales and outreach. It leverages generative AI to personalise communication, automate prospecting and optimise lead engagement, improving conversion through intelligent content generation.",
  site: "https://sike.ai",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Smart data extraction", desc: "Retrieve precise insights from complex datasets with targeted extraction tools that analyse documents, reports and data systematically, using advanced NLP to comprehend context efficiently." },
  { name: "Secure deployment", desc: "Keep sensitive data under control with privacy-focused deployment options ensuring regulatory compliance, built for regulated industries including financial services, healthcare and public companies." },
  { name: "Agentic workflows", desc: "Design multi-step, chained AI workflows that combine different agents for complex tasks requiring sequential processing, automating sophisticated business processes through coordinated agent collaboration." },
  { name: "Human-in-the-loop", desc: "Confirm and log human validation of AI outputs with microsignatures for auditability and trust in regulated environments, with workflow sign-off and audit trails marking completed processes." },
  { name: "Model flexibility", desc: "Select the right AI model for each workflow, balancing creativity, accuracy and cost, with access to multiple leading models within a single platform." }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Sike AI is quickly becoming a standout platform for organisations that need secure, intelligent automation built for real-world, regulated environments. We like it because it delivers powerful AI-driven data extraction and workflow automation while maintaining the highest standards of security and governance, something many businesses struggle to balance. A major advantage is how rapidly the platform is evolving: Sike AI is growing fast, shipping new capabilities frequently and actively shaping the future of compliant AI operations. We also value the close collaboration we have with Mark, the founder, which lets us directly influence product direction and co-create solutions tailored to our clients' needs. That partnership mindset is rare and incredibly impactful. Sike AI's strength comes from its ability to blend advanced NLP, agentic workflows and human oversight in a way that fits enterprise realities. It's built for industries where correctness, traceability and data control are non-negotiable."
},
{
  name: "Vectara", vendor: "Vectara", cat: "agents", slug: "vectara",
  use: "RAG-as-a-service, secure, grounded knowledge retrieval for apps and chatbots.",
  tagline: "RAG-as-a-service for grounded enterprise knowledge.",
  about: "Vectara is an AI-powered retrieval-augmented generation (RAG) platform. It combines neural search, embeddings and contextual summarisation to deliver accurate, secure knowledge retrieval for enterprise applications and chatbots.",
  site: "https://vectara.com",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "RAG-as-a-service", desc: "A complete retrieval-augmented generation service encapsulating document processing, embedding model, retrieval engine, reranker and LLM behind an easy-to-use developer API, reducing hallucinations and bias significantly." },
  { name: "Mockingbird LLM", desc: "A proprietary, custom-trained generative model built to excel at RAG tasks, limiting answers to provided information only to mitigate hallucinations and personally identifiable information issues." },
  { name: "100+ language support", desc: "Superior cross-language operation with chat history and multi-turn generation, enabling AI assistants to go many layers deep with high accuracy and minimal hallucinations across diverse languages." },
  { name: "Enterprise security", desc: "Enterprise-grade security with SOC 2 compliance, HIPAA compliance and customer encryption keys that hide account data even from the engineering team, with flexible deployment options." },
  { name: "Grounded generation", desc: "Best-in-class retrieval with enhanced configurability, ensuring answers are backed by source documents with citations, detailed references to the exact sentences and passages used create verifiable outputs." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "HIPAA (health data only)", desc: "HIPAA support, for health data only.", icon: "heart-pulse" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Vectara is built around the principle of grounding AI in factual, contextually relevant data. It lets you create and manage corpora of your own information, which the model then uses to generate responses that are contextually accurate and less prone to hallucination. There's strong flexibility in how you control what data the model can access, with features like metadata filtering, file-level selection and adjustable response parameters such as temperature and tone. While the setup and fine-tuning can feel a bit technical for those new to model configuration, it becomes intuitive with a little practice. Vectara also bridges conversational AI with semantic search, offering confidence scores that reflect how well its answers are supported by your data. For users working with large or constantly updating datasets, it's worth considering how data will be prepared and inserted into corpora, this may benefit from pairing Vectara with complementary data and/or workflow tools."
},

// Data AI

{
  name: "Julius", vendor: "Julius AI", cat: "decision", slug: "julius",
  use: "Chat with your data, upload files, ask in plain English, get charts and stats.",
  tagline: "AI data analysis through plain-English conversation.",
  about: "Julius is an AI-powered data analysis platform that turns complex datasets into instant visualisations and forecasts through simple conversations. Upload files or connect databases and ask questions in plain English, making advanced analytics, reporting and insights accessible to everyone, no coding required.",
  site: "https://julius.ai",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Intuitive conversational interface", desc: "Analyse data by asking questions in plain English, accessible even without technical skills. Advanced natural-language processing understands intent and context, streamlining exploration and reporting." },
  { name: "Automated data visualization", desc: "Automatically selects the best chart or graph for your analysis, instantly turning raw data into clear, actionable visuals you can customise to match branding or presentation needs." },
  { name: "Seamless data integration", desc: "Upload Excel, CSV or PDF files, or connect databases and cloud sources like Google Drive, Snowflake and BigQuery, centralising all your data in one place for comprehensive analysis." },
  { name: "No-code statistical analysis", desc: "Performs complex statistical tests and delivers insightful summaries without coding, recommending, running and explaining analyses like regressions or t-tests so you can draw confident conclusions." },
  { name: "Automated data cleaning", desc: "Streamlines data prep by intelligently identifying and fixing common issues like missing values or inconsistent formatting, so datasets are ready for analysis and you can focus on decisions." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "We like Julius AI because it makes serious data work feel effortless for non-technical teams. Clients can explore datasets in plain English, get smart statistical answers and see clear visuals instantly \u2014 without needing analysts on standby or writing a line of code. Julius also fits neatly into real business workflows: it connects to the tools clients already use, handles messy data prep automatically, and produces presentation-ready charts that make insights easy to share. It's a fast, practical way to help teams move from \u201cwhat's in the data?\u201d to confident decisions."
},

{
  name: "DataRobot", vendor: "DataRobot", cat: "decision", slug: "datarobot",
  use: "Enterprise AutoML, build, deploy and monitor predictive and generative AI models at scale.",
  tagline: "Enterprise platform for the full machine-learning lifecycle.",
  about: "DataRobot is an enterprise AI platform that automates machine-learning lifecycle management. It supports model development, deployment and monitoring at scale, enabling organisations to operationalise predictive analytics efficiently.",
  site: "https://datarobot.com",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AutoML platform", desc: "Automated machine learning runs parallel training jobs on multiple high-quality models with automatic feature processing, ranking models on an integrated leaderboard with detailed performance information." },
  { name: "Generative AI integration", desc: "A complete AI lifecycle platform offering both predictive and generative capabilities with low-code/no-code design, plus an LLM playground that creates and compares blueprints side-by-side for prompt testing." },
  { name: "Feature discovery", desc: "Unique feature engineering and discovery automatically generate derived features for specific use cases, with build recipes that create new datasets to enhance model performance." },
  { name: "Model monitoring", desc: "Quick-to-setup monitoring tracks preselected and custom metrics including service health, latency, token size, error rate and cost, with guardrails that prevent prompt injection and detect personal information." },
  { name: "Data connectivity", desc: "Seamless integration with Amazon S3, Athena, Redshift, Snowflake and other data sources for secure access, with enhanced browsing and preview functionality in cloud warehouses." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "HIPAA (health data only)", desc: "HIPAA support, for health data only.", icon: "heart-pulse" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "DataRobot focuses on automating the full machine-learning workflow, from preparing and cleaning data to training, comparing and deploying models. It's built to make predictive modelling faster and more consistent by streamlining the setup and model-selection process that usually demands hands-on coding and data science experience. The interface is clear and well-organised, but the learning curve can be steep for those without a background in analytics or large-scale data tools. Once you get familiar with how it operates, it becomes a reliable way to experiment and build models efficiently without getting lost in the technical details."
},

// Conversational AI
{
  name: "Voqo", vendor: "Voqo AI", cat: "conversational", slug: "voqo",
  use: "Voice agents that take and triage inbound calls. AU-built.",
  tagline: "AI phone agents that answer your inbound calls, Australian-built.",
  about: "Voqo AI is an Australian voice automation platform that uses AI phone agents to answer, understand and handle inbound and outbound calls in real time. It's built with property and real estate workflows in mind, but at its core it's a smart call-answering layer that captures intent, summarises conversations, and routes or reports as needed.",
  site: "https://voqo.ai",
  pricing: { tier: 2 },
  keyFeatures: [
  { name: "AI voice agents for missed calls", desc: "Answers 24/7, qualifies leads, books inspections and handles common tenant or buyer questions automatically." },
  { name: "Real estate and property integrations", desc: "Syncs listings from Domain and realestate.com.au, so the agent knows what's available and can talk specifics." },
  { name: "Call transcription and summaries", desc: "Every call is transcribed, summarised and sent via SMS, email or into your CRM, so follow-ups are easy and nothing falls through the cracks." },
  { name: "Emergency triage and escalation", desc: "Handles routine issues, flags urgent ones, and forwards or alerts a human only when it actually needs one." },
  { name: "Outbound calling", desc: "Can call leads, follow up prospects and help book meetings, essentially an AI dialler plus rep for early-stage outreach." }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "Yes, Voqo is strong for property management \u2014 but don't sleep on the simpler superpower: it's a genuinely excellent alternative to voicemail. As a founder or CEO, the last thing you want is a graveyard of missed calls and garbled voice-to-text transcripts. Voqo's agent has a proper chat with the caller \u2014 with an Aussie accent, no less \u2014 figures out why they rang, then sends you a clean text summary plus the number to call back. It turns \u201cugh, I should check my voicemails\u201d into \u201csweet, I know exactly what this is about\u201d \u2014 and that alone is worth a spot in the toolbox."
},

{
  name: "Botpress", vendor: "Botpress", cat: "conversational", slug: "botpress",
  use: "Build and deploy LLM-powered chatbots with a visual flow builder and multichannel deployment.",
  tagline: "An LLM chatbot platform with a visual flow builder.",
  about: "Botpress is a versatile AI agent platform that lets you build, deploy and manage intelligent chatbots powered by large language models. It features a visual flow builder, enterprise-grade integrations and knowledge-base support, making it accessible for both developers and non-technical teams seeking scalable, customisable conversational AI.",
  site: "https://botpress.com",
  pricing: { tier: 2, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AI-powered flow builder", desc: "A visual drag-and-drop interface for designing conversation paths, using AI to handle intent recognition, slot-filling and fallback responses, combining automation with manual control, no coding required." },
  { name: "Multiple AI agents", desc: "Includes Knowledge, Personality, Summary, Vision and Translator agents that work together, each serving a specific purpose, from understanding images to translating messages, in one platform." },
  { name: "Autonomous Node", desc: "Lets large language models decide when and in what order tasks run. It can use knowledge bases for answers and execute API calls autonomously, enabling genuinely intelligent workflow automation." },
  { name: "Multichannel deployment", desc: "Deploy chatbots across web apps, WhatsApp, Messenger, Slack and custom applications for a consistent experience, reaching customers wherever they prefer to communicate." },
  { name: "Enterprise-grade NLU", desc: "Advanced natural-language understanding with multilingual support and retrieval-augmented generation, handling complex interactions and domain-specific queries accurately across languages and contexts." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "We like Botpress for its smart, flexible chatbot-building capabilities. Its knowledge-first design lets us create complex, context-aware bots that deliver meaningful conversations. Botpress integrates smoothly with n8n, enabling powerful automation workflows, and its strong API support makes it easy to extend and connect across platforms. It's a reliable, scalable tool that fits perfectly into our conversational AI toolkit."
},

{
  name: "Voiceflow", vendor: "Voiceflow", cat: "conversational", slug: "voiceflow",
  use: "Design, prototype and deploy chat and voice agents with a visual flow builder.",
  tagline: "Design and ship chat and voice agents, visually.",
  about: "Voiceflow is a collaborative platform for designing, prototyping and deploying conversational AI experiences across chat and voice channels. It combines a visual flow builder, integrated knowledge base and developer tools so teams can create intelligent, multi-channel agents without complex coding, from concept to production in one workspace.",
  site: "https://voiceflow.com",
  pricing: { tier: 2, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Visual flow builder", desc: "An intuitive drag-and-drop canvas for designing conversational flows with logic, variables and conditional paths, letting teams create, test and iterate on complex chat or voice experiences without advanced coding." },
  { name: "Integrated knowledge base", desc: "Upload documents, URLs and structured data into a central knowledge base, so agents retrieve precise, context-aware information from curated sources for reliable, brand-consistent responses." },
  { name: "Multi-channel deployment", desc: "Seamlessly deploy conversational experiences across web chat, mobile apps, phone systems and voice assistants for consistent, unified customer experiences regardless of platform or device." },
  { name: "Real-time collaboration", desc: "Teams collaborate in real time within a shared workspace, editing, commenting and reviewing changes simultaneously, with version control to track updates and maintain transparency." },
  { name: "Developer extensibility", desc: "Robust developer tools such as custom API calls, code blocks and integrations let advanced users extend functionality, connect enterprise systems and build highly tailored, dynamic conversations." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "We like Voiceflow for its intuitive, drag-and-drop builder that makes designing conversations fast and visual. The inclusion of carousels and cards adds flexibility, letting users create in-conversation menus or option-picking experiences that feel natural. Its integrations are a major strength, connecting easily with tools like Stripe and Gmail, plus live-support options that route users to a real person through chat or phone. Voiceflow also supports code blocks for advanced actions, knowledge-base integration and multi-channel deployment. It's a versatile platform that brings structure, power and creativity together in one conversational design tool."
},

// Task AI
{
  name: "Apollo.io", vendor: "Apollo", cat: "tool", slug: "apollo-io",
  use: "Sales intelligence + engagement: B2B contact data, CRM and AI outreach in one place.",
  tagline: "Sales prospecting and outreach in one platform.",
  about: "Apollo.io is a sales intelligence and engagement platform combining data enrichment, CRM integration and AI-driven outreach. It helps sales teams identify prospects and optimise engagement sequences.",
  site: "https://apollo.io",
  pricing: { tier: 2, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Contact database", desc: "Access over 275 million contacts across 73 million accounts with verified contact information and advanced filters, an extensive database for targeted outreach at scale." },
  { name: "Advanced search filters", desc: "More than 65 filters precisely target leads by criteria like industry, company size and job title, so you can drill down to your total addressable market." },
  { name: "Email automation", desc: "Compose and send AI-assisted emails inside popular email platforms with sequences and touchpoints, plus call dialling, recording, transcribing and logging with CRM integration." },
  { name: "Intent data", desc: "Identifies prospects actively researching solutions, surfacing insights and talking points so outreach is more relevant and personalised." },
  { name: "Lead enrichment", desc: "Automatically updates and enriches contact information through a multi-step enrichment waterfall, keeping details and demographics current for each prospect." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "Embedded AI", desc: "AI is built deep into the important features, but the tool still works without it.", icon: "cpu" },
  insights: "Apollo.io is one of those tools that makes you go through the five stages of modern marketing grief. First, shock, “hang on, why am I in here?”, then enlightenment: “ohhh, so this is why I get those spooky hyper-personalised sales emails that pretend we're old mates.” Once you get past that, it clicks why teams love it: Apollo has a huge B2B contact database plus outreach features in the same place, so prospecting and emailing don't feel like two separate jobs. Reviewers consistently call out how much time it saves and how easy it is to spin up targeted lists fast. The bit that won us over was the AI-generated sequences, they're genuinely solid for getting a decent first draft of an outreach flow without staring into the abyss of a blank screen. It's not magic: you still need to sanity-check tone and targeting, and like most databases it can have the odd outdated or off-target contact, so a quick verify step is worth it. The free tier is useful to poke around, but sequences and exports are a bit limited until you pay, worth knowing before you fall in love."
},
{
  name: "InsightWise", vendor: "InsightWise", cat: "tool", slug: "insightwise",
  use: "Turns interviews, surveys and documents into structured insights and client-ready decks.",
  tagline: "AI analytics that turn raw research into structured insights.",
  about: "InsightWise provides AI-driven analytics for business decision-making. It synthesises data from multiple sources, identifies trends and generates insights using large language models for strategic reporting and planning.",
  site: "https://insightwise.ai",
  pricing: { tier: 3, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AI data analysis", desc: "Transform interviews, documents, surveys and transcripts into structured, actionable insights, automatically filtering noise and surfacing the themes that matter, in minutes instead of weeks." },
  { name: "Custom framework upload", desc: "Upload your own consulting frameworks and methodologies so the AI analyses data through your lens, whether growth pillars, operating models or market-entry matrices, it adapts to your thinking." },
  { name: "Semantic search", desc: "Find exactly what you're looking for across interviews, transcripts and reports instantly with AI-powered search, with precision filtering by sentiment, stakeholder, topic and time." },
  { name: "PowerPoint & Excel export", desc: "Generate client-ready deliverables, with strategies and insights exported directly to PowerPoint and Excel, using custom branded templates for professional presentation output." },
  { name: "Source traceability", desc: "Every insight is linked to specific evidence with source-level traceability, exact transcript quotes, report excerpts or video timestamps, and a cross-reference validation approach ensures reliability." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "InsightWise is a standout platform for fast, accurate and scalable data analysis. It helps us turn interviews, surveys and workshop notes into structured insights and clear recommendations in minutes. We appreciate its consulting-focused features, like the ability to upload custom frameworks and align analysis with strategic goals. The AI filters out noise, highlights key themes and backs every insight with supporting evidence. InsightWise also delivers major efficiency gains, cutting processing time by up to 80 percent and reducing costs for teams and independent consultants. Its secure data handling meets enterprise-grade standards, keeping sensitive information protected. With collaborative project spaces and an intuitive interface, InsightWise makes advanced insight generation accessible to teams of all sizes."
},
{
  name: "AdCreative.ai", vendor: "AdCreative.ai", cat: "tool", slug: "adcreative-ai",
  use: "AI-generated ad creatives and copy, scored for performance across Meta, Google and LinkedIn.",
  tagline: "AI-generated, performance-scored ad creatives and copy.",
  about: "AdCreative.ai uses AI to generate high-performing ad creatives and copy. It optimises visuals, headlines and audience targeting for digital marketing campaigns, with real-time performance insights.",
  site: "https://adcreative.ai",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Automated creative generation", desc: "Upload brand assets and messaging and the platform delivers pre-scored ad creatives tailored for Meta, Google and LinkedIn, dozens of data-backed creatives in minutes." },
  { name: "Performance scoring", desc: "Each creative is scored before launch using a proprietary model trained on thousands of ad outcomes, predicting conversion likelihood, with a traffic-light interface showing high-to-low potential." },
  { name: "Multi-variant output", desc: "Produce fifty-plus ad creative variants in twenty-four hours for structured A/B testing at scale, with batch outputs that enable rapid testing across platforms." },
  { name: "AI copywriting", desc: "AI-generated ad text and copy optimised for conversions based on your campaign objective, eliminating manual copywriting, with text auto-populated for each creative variant." },
  { name: "Creative optimization", desc: "Tools for creating and optimising the creative components of campaigns, with predictive analytics guiding decisions, a data-driven approach that consistently improves return on ad spend." }],

  security: [
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "AdCreative.ai is a handy volume engine for digital ads. If you need a stack of social or display creatives quickly, it can generate loads of variations in minutes, which makes it great for rapid testing and idea generation. People tend to rate it for speed, the sheer number of options, and the way it pairs visuals with copy for the main ad platforms. The trade-off is that some outputs can feel a bit templated, so you'll still want a human eye for brand fit and a final polish. We haven't used it day to day, but we love demonstrating it because it gets you from blank page to a solid spread of ad directions fast. Small public service announcement from the school of hard knocks: be careful with the trial, because if you don't cancel or pick a plan in time, it'll roll into a paid subscription at the top rate. Yes, we're speaking from experience \u2014 and yes, that experience included us cheerfully forgetting to cancel, then doing the classic \u201cwait, what is this charge?\u201d dance. They did refund us, to be fair, but you can save yourself the admin by setting a reminder."
},
{
  name: "Subble", vendor: "Subble", cat: "tool", slug: "subble",
  use: "Find, track and optimise all your SaaS subscriptions and spend in one place.",
  tagline: "SaaS subscription management and spend optimisation.",
  about: "Subble helps businesses manage all their SaaS subscriptions in one place. It tracks usage, detects wasted spend, automates renewals and provides insights to optimise software budgets effortlessly.",
  site: "https://subble.com",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Subscription discovery & tracking", desc: "Automatically identifies and centralises all company SaaS subscriptions by integrating with financial systems and usage data, full visibility into what's used, by whom and how often, eliminating shadow IT." },
  { name: "Usage analytics & waste detection", desc: "Tracks real-time licence activity to uncover unused or under-utilised subscriptions, cutting waste by pinpointing idle seats and duplicate tools for data-backed cost decisions." },
  { name: "Automated renewal management", desc: "Monitors upcoming renewals and contract expirations, sending proactive alerts before payments process, so teams can negotiate or cancel unneeded subscriptions before auto-renewal." },
  { name: "No-code integrations", desc: "Connects with accounting, HR and IT systems without technical setup, pulling spend and user data from platforms like Google Workspace, Slack and Xero for unified insights." },
  { name: "Spend optimization insights", desc: "Delivers actionable analytics on SaaS spending trends across departments, helping finance and operations identify savings, consolidate tools and forecast budgets with precision." }],

  security: [
  { name: "ISO 27001", desc: "Robust information security through risk-based controls.", icon: "file-check-2" }],

  aiDepth: { label: "Surface-level AI", desc: "AI is a small add-on for convenience; it doesn't change the tool's core value.", icon: "sparkles" },
  insights: "We like Subble for how it brings all your subscriptions into one clear, central view. Its simple integrations with expense tools like Xero make it easy to import and track costs without manual work. With deeper integrations, Subble becomes even more powerful, helping you understand whether your resources \u2014 seats or licences \u2014 are fully used or could be scaled back. It's excellent for reviewing past spending and finding opportunities to optimise, although its forecasting features are still limited. Subble is a practical, insight-driven tool that helps you stay in control of subscription and expense management."
},
{
  name: "ElevenLabs", vendor: "ElevenLabs", cat: "tool", slug: "elevenlabs",
  use: "Realistic AI voice synthesis, cloning and dubbing across 70+ languages.",
  tagline: "Realistic AI voice synthesis, cloning and dubbing.",
  about: "ElevenLabs delivers advanced AI voice synthesis, cloning and dubbing technology. It produces human-like speech across languages for audiobooks, video production and conversational AI applications, emphasising realism and emotion.",
  site: "https://elevenlabs.io",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Voice cloning", desc: "Clone voices quickly and easily from just a few seconds of audio with real-time processing, changing tone, speed and feeling for complete control over the output." },
  { name: "Text-to-speech", desc: "Ultra-realistic voice synthesis nearly indistinguishable from human speech, with emotional nuance and intonation precision, plus fast generation and expressive voices." },
  { name: "Multilingual support", desc: "Text-to-speech works across over seventy languages, including newer ones, with steady accents and pronunciation, maintaining realism across languages." },
  { name: "Voice design", desc: "Create unique voices from scratch, picking age, accent, gender and emotion using text prompts only, to produce expressive, natural-sounding voices for any project." },
  { name: "API integration", desc: "Strong APIs and SDKs make it easy to add text-to-speech, voice cloning and real-time speech to applications, with secure, scalable cross-platform support." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "We like ElevenLabs for its remarkably realistic voice cloning and natural speech synthesis. It adds depth and personality to digital content, making it ideal for marketing and client-facing experiences that rely on authenticity. When combined with video or avatar platforms like HeyGen, it becomes more than a voice tool, enabling fully immersive, human-like interactions across video, web and conversational interfaces. ElevenLabs is a reliable, high-quality solution that elevates brand communication through believable, emotionally resonant voice output."
},
{
  name: "HeyGen", vendor: "HeyGen", cat: "tool", slug: "heygen",
  use: "AI avatar videos with text-to-speech and 175+ language dubbing.",
  tagline: "AI avatar videos for marketing, training and sales.",
  about: "HeyGen creates realistic AI-generated videos using avatars and text-to-speech. It enables personalised video communication for marketing, training and sales through synthetic media and multilingual voice synthesis.",
  site: "https://heygen.com",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "AI avatar creation", desc: "Create a digital spokesperson from a wide library of realistic avatars, or a custom one matching your brand, with full control over voice tone, gestures and delivery style." },
  { name: "Video translation", desc: "Translate content into 175-plus languages and dialects with realistic dubbing, accurate lip-sync and editable scripts, cost-effective localisation without re-recording or hiring voice actors." },
  { name: "Voice director mode", desc: "Control how the avatar delivers every word, like a movie director, using simple natural-language prompts such as “emphasise this” or “add excitement” to shape tone instantly." },
  { name: "Gesture control", desc: "Infuse life into video avatars with natural, expressive movements, linking specific words to pre-recorded gestures for deliberate, impactful visual cues." },
  { name: "Template library", desc: "Access an extensive template library with customisable options for use cases from marketing to training, with AI-driven customisation including avatar movement and natural voice." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "We like HeyGen for how easily it creates realistic, high-quality videos in minutes. Its lifelike avatars, professional templates and dubbing features make it ideal for marketing, onboarding and personalised outreach across multiple languages. Paired with ElevenLabs, it becomes a powerful creative engine for producing natural, engaging videos that feel genuinely human. Teams get consistent, on-brand results at scale when they invest time in refining the training material. HeyGen is a fast, reliable way to turn ideas into polished, professional video content."
},
{
  name: "HeadshotPro", vendor: "HeadshotPro", cat: "tool", slug: "headshotpro",
  use: "AI-generated professional headshots from selfies, no photographer needed.",
  tagline: "Studio-quality AI headshots from your selfies.",
  about: "HeadshotPro creates professional-quality AI-generated headshots from uploaded photos. It's ideal for business profiles, LinkedIn and teams needing consistent, polished portraits at scale.",
  site: "https://headshotpro.com",
  pricing: { tier: 1 },
  keyFeatures: [
  { name: "AI headshot generation", desc: "Upload selfies and AI transforms them into studio-quality professional headshots in minutes, no camera, lighting or photographer needed, with advanced AI enhancing image quality." },
  { name: "Customization options", desc: "Choose backdrop and outfit from a wide range of options, getting ten headshots per combination, with multiple packages offering different styles, backgrounds and clothing." },
  { name: "Rapid turnaround", desc: "Creates professional AI headshots in about an hour, among the fastest turnarounds available, so you upload photos, answer a few questions and receive high-quality headshots quickly." },
  { name: "High resolution", desc: "Produces high-resolution headshots suitable for LinkedIn, resumes, company websites and professional platforms, with studio-quality polish and clarity throughout." },
  { name: "Multiple styles", desc: "Select from packages offering different numbers of headshots and customisation, including backgrounds, outfits and styles, to create the ideal headshot." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "HeadshotPro uses advanced AI to create high-quality, professional headshots without the need for a photoshoot. It's fast, affordable and produces consistent results that align with your brand image. We recommend it to clients because it saves time, ensures a polished and uniform look across teams, and delivers impressive results with minimal effort."
},
{
  name: "TheySaid", vendor: "TheySaid", cat: "tool", slug: "theysaid",
  use: "AI conversational surveys that turn customer feedback into churn and revenue insight.",
  tagline: "AI conversational surveys for richer customer feedback.",
  about: "TheySaid is an AI-driven customer feedback and revenue-retention platform. It analyses qualitative feedback to identify churn risks and revenue opportunities for customer success teams.",
  site: "https://theysaid.io",
  pricing: { tier: 1, note: "Free trial / plan available." },
  keyFeatures: [
  { name: "Conversational surveys", desc: "Journey-based conversational surveys adapt in real time to respondent inputs, creating an engaging, personalised experience with an average conversation depth of around ten interactions per respondent." },
  { name: "AI question recommendations", desc: "AI analyses existing data and previous responses to suggest relevant questions, keeping surveys focused and pertinent and recommending questions based on context." },
  { name: "Voice support", desc: "Respondents can answer every question with voice, with AI speaking prompts aloud and listening for responses, great for mobile users, accessibility needs or anyone who prefers talking." },
  { name: "Real-time analysis", desc: "AI analyses responses as they come in, providing instant insights and engaging respondents to encourage completion, identifying patterns in needs, feature requests and usability feedback." },
  { name: "User testing video", desc: "Capture screen and voice for UX studies with an AI moderator guiding users through tasks and asking clarifying questions, with timestamped clips and searchable transcripts." }],

  security: [
  { name: "SOC 2 Type II", desc: "Industry-grade security standards.", icon: "shield-check" },
  { name: "GDPR compliant", desc: "Adheres to global data-protection regulations.", icon: "lock" }],

  aiDepth: { label: "AI native", desc: "AI is the core engine, the product's main purpose and workflows rely on it.", icon: "atom" },
  insights: "TheySaid rethinks surveys from the ground up by treating them as conversations, not forms. We like it because it brings a genuinely AI-native approach to feedback collection, making surveys feel intuitive, human and dynamic instead of static and fatiguing. That shift leads to richer responses, higher engagement, and insights that are far more actionable than what you typically get from traditional tools."
}];

function ToolboxScreen({ go, t }) {
  const [active, setActive] = React.useState("all");
  const [query, setQuery] = React.useState("");

  const filtered = React.useMemo(() => {
    const q = query.trim().toLowerCase();
    return TOOLS.filter((tool) => {
      if (active !== "all" && tool.cat !== active) return false;
      if (!q) return true;
      return (tool.name + " " + tool.vendor + " " + tool.use).toLowerCase().includes(q);
    });
  }, [active, query]);

  const totalByCat = React.useMemo(() => {
    const c = { all: TOOLS.length };
    TOOLS.forEach((tl) => {c[tl.cat] = (c[tl.cat] || 0) + 1;});
    return c;
  }, []);

  return (
    <div data-screen-label="07 AI Toolbox">
      {/* HERO */}
      <section className="hero dot-grid acc-hero">
        <div className="container">
          <Crumbs items={[{ label: "Home", to: "home" }, "AI Toolbox"]} go={go} />
          <div style={{ marginTop: 22, maxWidth: 760 }}>
            <h1 className="h-display" style={{ marginTop: 16, maxWidth: "16ch" }}>
              The AI <em>Toolbox</em>
            </h1>
            <p className="lede" style={{ marginTop: 22 }}>
              The AI tools we've evaluated, verified and in many cases use ourselves, kept up to
              date by our team. It's the same library we draw on when we recommend tools to clients,
              and it's open to everyone.
            </p>
          </div>
        </div>
      </section>

      {/* TOOLBAR, filters + search */}
      <section className="wk-filterbar">
        <div className="container" style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 16, padding: "18px 28px", flexWrap: "wrap" }}>
          <div style={{ display: "flex", gap: 6, flexWrap: "wrap" }}>
            {TOOL_CATEGORIES.map((c) =>
            <button
              key={c.key}
              onClick={() => setActive(c.key)}
              className={`filter-chip ${active === c.key ? "filter-chip--active" : ""}`}>

                {c.dotCls && <span className={`acc-dot ${c.dotCls}`} style={{ width: 8, height: 8 }} />}
                <span>{c.label}</span>
                {c.former && <span className="former-tag">was {c.former}</span>}
                <span className="filter-count">{totalByCat[c.key] || 0}</span>
              </button>
            )}
          </div>
          <div style={{ display: "flex", alignItems: "center", gap: 8, background: "#fff", border: "1px solid var(--hairline)", borderRadius: 999, padding: "8px 14px", flex: "1 1 300px", maxWidth: 360, minWidth: 300 }}>
            <Icon name="search" size={16} color="#9BA0AE" />
            <input
              type="text"
              value={query}
              placeholder="Search tools, vendors, use cases"
              onChange={(e) => setQuery(e.target.value)}
              style={{ border: 0, outline: 0, background: "transparent", fontFamily: "inherit", fontSize: 13.5, color: "var(--ink)", width: "100%" }} />

            {query &&
            <button onClick={() => setQuery("")} style={{ background: 0, border: 0, color: "#9BA0AE", cursor: "pointer", padding: 0, display: "flex" }}>
                <Icon name="x" size={14} />
              </button>
            }
          </div>
        </div>
      </section>

      {/* GRID */}
      <section className="section section--paper" style={{ paddingTop: 40, paddingBottom: 80 }}>
        <div className="container">
          <AffiliateNote />

          {filtered.length === 0 ?
          <EmptyState query={query} onClear={() => {setQuery("");setActive("all");}} /> :

          <div className="tool-grid">
              {filtered.map((tl) => <ToolCard key={tl.slug} tool={tl} go={go} variant={t && t.toolCard} />)}
            </div>
          }
        </div>
      </section>

      {/* FAQ, own white ground, so it reads as a distinct block */}
      <section className="section section--white" style={{ paddingTop: 72, paddingBottom: 72 }}>
        <div className="container">
          <PageFAQ pageId="toolbox" go={go} title="Questions about our tool recommendations" />
        </div>
      </section>

      {/* NEWSLETTER LEAD */}
      {/* CLOSER, matching the service pages */}
      <section className="section section--paper tbx-closer" style={{ paddingTop: 32, paddingBottom: 80 }}>
        <div className="container">
          <div className="hww-closer">
            <p className="hww-closer-t">
              Not sure which tool you actually need? <em>An AI Blueprint tells you which of these fits,
              and which to ignore.</em>
            </p>
            <Button variant="primary" size="lg" onClick={() => go("ai-foundations")}>
              AI Foundations <Icon name="arrow-right" size={16} className="arrow" />
            </Button>
          </div>
        </div>
      </section>

    </div>);

}

// ---------- Newsletter lead-in ----------
function ToolboxNewsletter({ go }) {
  const [email, setEmail] = React.useState("");
  const [sent, setSent] = React.useState(false);
  return (
    <div style={{
      background: "#fff", border: "1px solid var(--hairline)",
      borderRadius: 18, padding: "24px 28px",
      display: "grid", gridTemplateColumns: "auto 1fr auto", gap: 24, alignItems: "center"
    }}>
      <div style={{
        width: 44, height: 44, borderRadius: 12,
        background: "var(--ia-blue)", color: "#fff",
        display: "flex", alignItems: "center", justifyContent: "center",
        flexShrink: 0
      }}>
        <Icon name="mail" size={20} color="#fff" />
      </div>
      <div>
        <div style={{ fontSize: 15, fontWeight: 600, color: "var(--ink)", letterSpacing: "-0.005em" }}>
          New tools land here every week.
        </div>
        <div style={{ fontSize: 14, color: "#5C6172", marginTop: 2 }}>
          Get the short Monday round-up, what's worth your attention, written for Australian SMB owners.
          {" "}
          <a
            href="#resources"
            onClick={(e) => {e.preventDefault();go("resources");}}
            style={{ color: "var(--ia-blue)", fontWeight: 500 }}>
            See past issues →</a>
        </div>
      </div>
      <form
        onSubmit={(e) => {e.preventDefault();if (email) setSent(true);}}
        style={{ display: "flex", gap: 8, alignItems: "center" }}>

        {sent ?
        <div style={{
          display: "flex", alignItems: "center", gap: 8, padding: "10px 16px",
          background: "var(--paper)", border: "1px solid var(--hairline)",
          borderRadius: 999, color: "var(--ink)", fontSize: 14
        }}>
            <Icon name="check-circle-2" size={16} color="var(--ia-success)" />
            Subscribed
          </div> :

        <>
            <input
            type="email"
            required
            value={email}
            placeholder="you@yourbusiness.com.au"
            onChange={(e) => setEmail(e.target.value)}
            style={{
              fontFamily: "inherit", fontSize: 14, color: "var(--ink)",
              background: "var(--paper)", border: "1px solid var(--hairline)",
              borderRadius: 999, padding: "10px 16px", outline: 0,
              minWidth: 240
            }} />

            <Button type="submit" variant="primary" size="md">
              Subscribe <Icon name="arrow-right" size={14} className="arrow" />
            </Button>
          </>
        }
      </form>
    </div>);

}

// ---------- Tool card ----------
function ToolCard({ tool, go, variant }) {
  const cat = TOOL_CATEGORIES.find((c) => c.key === tool.cat);
  const open = () => go("tool/" + tool.slug);
  const keys = (e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); open(); } };

  if (variant === "plate") {
    return (
      <div className="tc-plate" role="button" tabIndex={0} onClick={open} onKeyDown={keys}
        style={{ ["--bg"]: `var(--ac-${cat.tone}-bg, var(--paper))`, ["--fg"]: `var(--ac-${cat.tone}-fg, var(--ia-dark-blue))` }}>
        <div className="tc-plate-top">
          <ToolMark slug={tool.slug} name={tool.name} cat={tool.cat} site={tool.site} size={46} />
          <div>
            <div className="tc-plate-n">{tool.name}</div>
            <div className="tc-plate-v">{tool.vendor}</div>
          </div>
        </div>
        <div className="tc-plate-b">
          <div className="tc-plate-c">{cat.label}</div>
          <p className="tc-plate-u">{tool.use}</p>
        </div>
      </div>);
  }

  return (
    <div
      className="tool-card tool-card--link"
      role="button"
      tabIndex={0}
      onClick={() => go("tool/" + tool.slug)}
      onKeyDown={(e) => {if (e.key === "Enter" || e.key === " ") {e.preventDefault();go("tool/" + tool.slug);}}}>

      <div className="tool-top">
        <ToolMark slug={tool.slug} name={tool.name} cat={tool.cat} site={tool.site} />
        <Tag tone={cat.tone} dot>{cat.label}</Tag>
      </div>
      <div className="tool-name">
        {tool.name}
        <span className="tool-vendor">by {tool.vendor}</span>
      </div>
      <p className="tool-use">{tool.use}</p>
      <div className="tool-foot">
        <span className="tool-more">View details</span>
        <Icon name="arrow-right" size={14} className="tool-more-arr" />
      </div>
    </div>);

}

// ---------- Tool mark (logo) ----------
// Pulls the vendor logo from a CDN keyed on the tool's domain, with fallbacks:
// CDN logo → favicon → drop-slot (so a custom logo can still be dropped in).
function ToolMark({ slug, name, cat, site, size }) {
  const initial = name.replace(/[^A-Za-z]/g, "").charAt(0).toUpperCase();
  const bg = `var(--ac-${cat}-bg, var(--pl-build-bg))`;
  const fg = `var(--ac-${cat}-fg, var(--pl-build-fg))`;
  const dim = size ? { width: size, height: size, borderRadius: Math.round(size / 4.5) } : null;

  const domain = site ?
  site.replace(/^https?:\/\//, "").split("/")[0].split(".").slice(-2).join(".") :
  null;
  const srcs = domain ?
  [`https://www.google.com/s2/favicons?sz=128&domain=${domain}`] :
  [];
  const [stage, setStage] = React.useState(0);
  const showLogo = stage < srcs.length;

  const markStyle = showLogo ?
  { background: "#fff", border: "1px solid var(--hairline)", ...(dim || {}) } :
  { background: bg, color: fg, ...(dim || {}) };

  return (
    <div className="tool-mark" style={markStyle}>
      {showLogo ?
      <img
        src={srcs[stage]}
        alt={name + " logo"}
        onError={() => setStage((s) => s + 1)}
        style={{ width: "100%", height: "100%", objectFit: "contain" }} /> :

      <image-slot
        id={`tool-logo-${slug}`}
        placeholder={initial}
        shape="rect"
        fit="contain"
        style={{ width: "100%", height: "100%" }} />

      }
    </div>);

}

// ---------- Empty state ----------
function EmptyState({ query, onClear }) {
  return (
    <div style={{
      background: "#fff", border: "1px dashed var(--hairline)", borderRadius: 18,
      padding: 56, textAlign: "center",
      display: "flex", flexDirection: "column", alignItems: "center", gap: 14
    }}>
      <div style={{ width: 48, height: 48, borderRadius: 999, background: "#F2F2EE", display: "flex", alignItems: "center", justifyContent: "center" }}>
        <Icon name="search-x" size={22} color="#9BA0AE" />
      </div>
      <div style={{ fontSize: 18, fontWeight: 600, color: "var(--ink)" }}>
        Nothing matches {query ? <span>&ldquo;{query}&rdquo;</span> : "those filters"}.
      </div>
      <div style={{ fontSize: 14, color: "#5C6172", maxWidth: 400 }}>
        Try a broader category, or clear filters to see the whole library.
      </div>
      <Button variant="secondary" onClick={onClear} style={{ marginTop: 6 }}>Clear filters</Button>
    </div>);

}

// ---------- Tool detail page ----------
function ToolDetailScreen({ go, slug }) {
  const tool = TOOLS.find((tl) => tl.slug === slug);

  if (!tool) {
    return (
      <div data-screen-label="Tool, not found">
        <section className="section section--white" style={{ paddingTop: 96, paddingBottom: 96 }}>
          <div className="container" style={{ textAlign: "center" }}>
            <h1 className="h-section">That tool isn't in our Toolbox.</h1>
            <p className="lede" style={{ margin: "14px auto 28px", maxWidth: "44ch" }}>
              It may have been renamed or removed. Browse the full list instead.
            </p>
            <Button variant="primary" onClick={() => go("toolbox")}>
              <Icon name="arrow-left" size={16} /> Back to the Toolbox
            </Button>
          </div>
        </section>
      </div>);

  }

  const cat = TOOL_CATEGORIES.find((c) => c.key === tool.cat);
  const related = TOOLS.filter((x) => x.cat === tool.cat && x.slug !== tool.slug).slice(0, 4);
  const fitsPage = tool.cat === "everyday" ? null : "accelerators";
  const fitsLabel = "See AI Accelerators";

  return (
    <div data-screen-label={`Tool · ${tool.name}`}>
      {/* HERO */}
      <section className="hero dot-grid acc-hero">
        <div className="container">
          <button className="linkout" onClick={() => go("toolbox")}>
            <Icon name="arrow-left" size={14} /> All tools
          </button>

          <div className="tool-detail-hero">
            <ToolMark slug={tool.slug} name={tool.name} cat={tool.cat} site={tool.site} size={84} />
            <div>
              <Tag tone={cat.tone} dot>{cat.label}</Tag>
              <h1 className="h-display" style={{ marginTop: 12, fontSize: 44 }}>{tool.name}</h1>
              <div className="tool-detail-vendor">by {tool.vendor}</div>
            </div>
          </div>

          <p className="lede" style={{ marginTop: 24, maxWidth: "46ch" }}>{tool.tagline}</p>

          {tool.pricing &&
          <div className="tool-price">
              <span className="tool-price-dollars">
                {[1, 2, 3].map((n) =>
              <span key={n} className={n <= tool.pricing.tier ? "on" : "off"}>$</span>
              )}
              </span>
              {tool.pricing.note && <span className="tool-price-note">{tool.pricing.note}</span>}
            </div>
          }

          <div style={{ display: "flex", gap: 12, marginTop: 26, flexWrap: "wrap" }}>
            <a className="btn btn--primary btn--md" href={tool.site} target="_blank" rel="noopener noreferrer">
              Visit website <Icon name="external-link" size={15} />
            </a>
            <Button variant="secondary" size="md" onClick={() => go("toolbox")}>Back to Toolbox</Button>
          </div>
        </div>
      </section>

      {/* BODY */}
      <section className="section section--paper" style={{ paddingTop: 44, paddingBottom: 44 }}>
        <div className="container">
          <div style={{ marginBottom: 28 }}><AffiliateNote /></div>
          <div className="tool-detail-body">
            <div>
              <Eyebrow>About</Eyebrow>
              <p style={{ fontSize: 18, lineHeight: 1.6, color: "var(--ink)", marginTop: 14 }}>{tool.about}</p>

              {!tool.keyFeatures && tool.bestFor &&
              <>
                  <h3 style={{ fontSize: 19, fontWeight: 600, color: "var(--ink)", margin: "34px 0 0" }}>Best for</h3>
                  <ul className="bullet-list" style={{ marginTop: 16 }}>
                    {tool.bestFor.map((b, i) => <li key={i}>{b}</li>)}
                  </ul>
                </>
              }
            </div>

            <aside className="tool-detail-aside">
              <div className="card" style={{ background: "#fff", padding: 24 }}>
                <div style={{ fontSize: 11, fontWeight: 600, letterSpacing: ".12em", color: "#9BA0AE" }}>Where it fits</div>
                <div style={{ marginTop: 12, display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }}>
                  <Tag tone={cat.tone} dot>{cat.label}</Tag>
                  {cat.former && <span className="former-tag">formerly {cat.former}</span>}
                </div>
                <p style={{ fontSize: 14, color: "#5C6172", lineHeight: 1.55, margin: "14px 0 16px" }}>
                  {tool.cat === "everyday" ?
                  "An everyday assistant we help teams set up and adopt properly." :
                  "The kind of capability we wire into a specific process when we build."}
                </p>
                {fitsPage && <LinkOut onClick={() => go(fitsPage)}>{fitsLabel}</LinkOut>}
              </div>
            </aside>
          </div>
        </div>
      </section>

      {/* KEY FEATURES */}
      {tool.keyFeatures && tool.keyFeatures.length > 0 &&
      <section className="section section--paper" style={{ paddingTop: 0, paddingBottom: 44 }}>
          <div className="container">
            <div className="section-head" style={{ marginBottom: 22 }}>
              <h2 className="h-section" style={{ fontSize: 26 }}>Key features</h2>
            </div>
            <div className="tool-feat-list">
              {tool.keyFeatures.map((f, i) =>
            <div className="tool-feat" key={i}>
                  <div className="tool-feat-name">{f.name}</div>
                  <p className="tool-feat-desc">{f.desc}</p>
                </div>
            )}
            </div>
          </div>
        </section>
      }

      {/* SECURITY & COMPLIANCE + AI DEPTH */}
      {(tool.security || tool.aiDepth) &&
      <section className="section section--paper" style={{ paddingTop: 0, paddingBottom: 44 }}>
          <div className="container">
            <div className="tool-sec-cols">
              {tool.security && tool.security.length > 0 &&
            <div>
                  <div className="section-head" style={{ marginBottom: 20 }}>
                    <h2 className="h-section" style={{ fontSize: 26 }}>Security &amp; compliance</h2>
                  </div>
                  <div className="tool-sec-grid">
                    {tool.security.map((s, i) =>
                <div className="tool-sec-item" key={i}>
                        <span className="tool-sec-ic"><Icon name={s.icon} size={20} /></span>
                        <div>
                          <div className="tool-sec-name">{s.name}</div>
                          <div className="tool-sec-desc">{s.desc}</div>
                        </div>
                      </div>
                )}
                  </div>
                  {tool.scorecard &&
              <a className="btn btn--secondary btn--sm" href={tool.scorecard} target="_blank" rel="noopener noreferrer" style={{ marginTop: 18 }}>
                      <Icon name="file-text" size={14} /> Cyber security scorecard
                    </a>
              }
                </div>
            }
              {tool.aiDepth &&
            <div>
                  <div className="section-head" style={{ marginBottom: 20 }}>
                    <h2 className="h-section" style={{ fontSize: 26 }}>AI depth</h2>
                  </div>
                  <div className="tool-depth">
                    <span className="tool-depth-ic"><Icon name={tool.aiDepth.icon || "atom"} size={22} /></span>
                    <div className="tool-depth-label">{tool.aiDepth.label}</div>
                    <p className="tool-depth-desc">{tool.aiDepth.desc}</p>
                  </div>
                </div>
            }
            </div>
          </div>
        </section>
      }

      {/* OUR INSIGHTS */}
      {tool.insights &&
      <section className="section section--paper" style={{ paddingTop: 0, paddingBottom: 44 }}>
          <div className="container">
            <div className="tool-insights">
              <Eyebrow>Our insights</Eyebrow>
              <p>{tool.insights}</p>
            </div>
          </div>
        </section>
      }

      {/* RELATED */}
      {related.length > 0 &&
      <section className="section section--paper" style={{ paddingTop: 0, paddingBottom: 48 }}>
          <div className="container">
            <div className="section-head" style={{ marginBottom: 22 }}>
              <h2 className="h-section" style={{ fontSize: 26 }}>More in {cat.label}</h2>
            </div>
            <div className="tool-grid">
              {related.map((r) => <ToolCard key={r.slug} tool={r} go={go} />)}
            </div>
          </div>
        </section>
      }

      {/* CLOSER, matching the service pages */}
      <section className="section section--paper tbx-closer" style={{ paddingTop: 0, paddingBottom: 88 }}>
        <div className="container">
          <div className="hww-closer">
            <p className="hww-closer-t">
              Not sure this is the right tool for you? <em>An AI Blueprint maps your operations and tells
              you which tools fit, and which to ignore.</em>
            </p>
            <Button variant="primary" size="lg" onClick={() => go("ai-foundations")}>
              AI Foundations <Icon name="arrow-right" size={16} className="arrow" />
            </Button>
          </div>
        </div>
      </section>
    </div>);

}

window.ToolboxScreen = ToolboxScreen;
window.ToolDetailScreen = ToolDetailScreen;