Template Showcase

Internal Copilot

An embedded AI copilot designed to live inside your existing internal tools. It can read the context of the current page, access your internal databases, and perform actions on behalf of the user.

Clone Repository

ainative.sh/examples/internal-copilot

Core Capabilities

Every starter is pre-configured with industry best practices and deep AINative integrations. Clean, modular, and designed to scale from prototype to production.

Page-aware context injection

Enterprise-ready implementation with full type safety and observability. Optimized for high-throughput streaming and minimal latency.

Read/Write access to internal APIs

Optimized for Edge runtimes and serverless environments.

SSO-ready authentication

Secure by default with built-in validation and CSRF protection.

Customizable side-pane layout

Deep integration with the AINative Reconciler state system for buttery smooth UI updates and zero-flicker streaming.

Technical Stack

Clean, modular, and designed to scale from prototype to production.

Frontend Layer

Reactive hooks and streaming primitives.

TYPESCRIPTREACT 19

Chat.tsx

import { AIPane } from "@ainative/react";

export function AppLayout() {
  return (
    <div className="main-layout">
      <DashboardContent />
      <AIPane 
        title="Internal Copilot"
        context={{ userId: '123', page: 'billing' }}
      />
    </div>
  );
}

Backend Adapter

Universal protocol handlers for any runtime.

NODE.JSEDGE READY

route.ts

import { CopilotHandler } from "@ainative/server-node";

export const POST = CopilotHandler({
  provider: "openai",
  tools: {
    queryDB: async (query) => db.execute(query)
  }
});