Skip to content

Installation

The autopilot client ships as three independent packages under the @llmor scope. Install only the layer you need.

PackageUse whenPeer dependencies
@llmor/autopilot-coreYou only need the headless AutopilotClient.none
@llmor/autopilot-vueYou are building a Vue 3 app and want the Pinia store / components.vue@>=3, pinia@>=2, @tabler/icons-vue@>=3
@llmor/autopilot-barYou want a drop-in floating chat bar with no UI work.vue@>=3, pinia@>=2

The Vue and Bar packages depend on the core package and will pull it in automatically.

With a bundler (npm)

The packages live in a private static npm registry served from docs.llmor.com. Point npm at it for the @llmor scope by adding one line to your project's .npmrc:

ini
# .npmrc
@llmor:registry=https://docs.llmor.com/autopilot-client/registry/

Then install with standard npm — pinning, ranges, lockfiles, transitive deps all work as usual:

bash
# Latest published builds
npm install @llmor/autopilot-core
npm install @llmor/autopilot-vue
npm install @llmor/autopilot-bar

# Pin to a specific version
npm install @llmor/autopilot-core@1.0.0

Install the peer dependencies for the layer you use:

bash
# Vue layer (headless)
npm install vue pinia

# Bar layer (styled, drop-in)
npm install vue pinia

Import paths

ts
// 1. Headless client only
import { AutopilotClient, useAutopilotClient } from '@llmor/autopilot-core';

// 2. Vue + Pinia store + components
import {
  useAutopilotStore,
  useAutopilotConversation,
  AutopilotOverlay,
} from '@llmor/autopilot-vue';

// 3. Drop-in bar
import { enableAutopilotBar } from '@llmor/autopilot-bar';

Without a bundler (script tag)

The standalone IIFE bundles are hosted at docs.llmor.com and expose globals on window:

html
<script src="https://docs.llmor.com/autopilot-client/pkg/cdn/autopilot-core.standalone.min.js"></script>
<script src="https://docs.llmor.com/autopilot-client/pkg/cdn/autopilot-bar.standalone.min.js"></script>
<script>
  const client = AutopilotClient.useAutopilotClient();
  client.connect({
    conversationUrl: 'https://llmor.example.com/v1/conversations/<token>',
  });
  AutopilotBar.enableAutopilotBar(client);
</script>

The bar standalone bundle includes everything (Vue, Pinia, the core client, all components, Tailwind CSS) — it is fully self-contained.

Pin to a specific version with the dated filenames:

https://docs.llmor.com/autopilot-client/pkg/cdn/autopilot-core-1.0.0.standalone.min.js
https://docs.llmor.com/autopilot-client/pkg/cdn/autopilot-bar-1.0.0.standalone.min.js

See Bundles for a full table of every build output and when to use which.

TypeScript

Each package ships .d.ts declarations. No additional @types/* package is needed.

ts
import type {
  AutopilotClientOptions,
  AutopilotFunctionDefinition,
  ConversationMessage,
  ConnectionStatus,
} from '@llmor/autopilot-core';

Requirements

  • A modern browser or Node 18+ (anything with global fetch, WebSocket, and setTimeout).
  • A conversation URL from an LLMOR autopilot server — typically issued by your own backend.