import {
    MenuItem,
    MenuPanel,
    Widget,
    Hook,
    ExtensionComponent,
    Registry,
    TableColumn,
    ResourceAction,
    ActionButton,
    BaseContract,
} from '@fleetbase/ember-core/contracts';

// TemplateHelper is not in the index — import directly:
import TemplateHelper from '@fleetbase/ember-core/contracts/template-helper';

// Form 1: title + route (plus optional chainables)
new MenuItem('Fleet-Ops', 'console.fleet-ops')
    .withIcon('route')
    .withPriority(0)
    .withDescription('Manage fleets, drivers, and live orders');

// Form 2: full definition object
new MenuItem({
    title: 'Settings',
    slug: 'my-extension',
    icon: 'gear',
    component: new ExtensionComponent('@my-org/my-engine', 'settings'),
});

import { MenuPanel, MenuItem } from '@fleetbase/ember-core/contracts';

const panel = new MenuPanel({
    title: 'Fleet-Ops Config',
    slug: 'fleet-ops',
    items: [
        new MenuItem({ title: 'Routing', icon: 'route', component: ... }),
        new MenuItem({ title: 'Map', icon: 'map', component: ... }),
    ],
});

new Widget({
    id: 'fleet-ops-metrics',
    name: 'Fleet-Ops Metrics',
    description: 'Key metrics from Fleet-Ops',
    icon: 'truck',
    component: new ExtensionComponent('@fleetbase/fleetops-engine', 'widget/fleet-ops-key-metrics'),
    grid_options: { w: 12, h: 12, minW: 8, minH: 12 },
    options: { title: 'Fleet-Ops Metrics' },
    default: true,
});

// Or using chaining
new Widget('fleet-ops-metrics')
    .withName('Fleet-Ops Metrics')
    .withIcon('truck')
    .withComponent(new ExtensionComponent('@fleetbase/fleetops-engine', 'widget/fleet-ops-key-metrics'))
    .withGridOptions({ w: 12, h: 12, minW: 8, minH: 12 })
    .asDefault();

new Hook('console:after-model', (session, router) => {
    // …
});

// With options
new Hook({
    name: 'application:before-model',
    handler: (session, router, transition) => { /* … */ },
    priority: 10,
    once: false,
    enabled: true,
});

// Chaining
new Hook('console:before-model')
    .execute((session, router) => { /* … */ })
    .withPriority(20)
    .once();

// Form 1: string component path inside an engine
new ExtensionComponent('@fleetbase/storefront-engine', 'storefront-order-summary');

// Form 2: a component class directly
import MyComponent from '../components/my-component';
new ExtensionComponent('@my-org/my-engine', MyComponent);

// Form 3: full options object
new ExtensionComponent('@my-org/my-engine', {
    path: 'components/my-component',
    loadingComponent: 'spinner',
    errorComponent: 'error-fallback',
});

new TableColumn({ id: 'acme-score', label: 'Safety Score', valuePath: 'meta.safety_score' })
    .after('status')
    .withCellComponent(new ExtensionComponent('@acme/safety-engine', 'cell/safety-score'))
    .withFilter('acme_score', 'filter/string');

new ResourceAction({ id: 'acme-sync', label: 'Sync to Acme', icon: 'rotate', permission: 'acme sync driver' })
    .withHandler((driver, ctx) => ctx.owner.lookup('service:acme').sync(driver))
    .visibleWhen((driver) => driver.status === 'active')
    .before('delete');

new ActionButton({ id: 'acme-import', text: 'Import from Acme', icon: 'download' })
    .withHandler((ctx) => ctx.owner.lookup('service:acme').import());

// A dropdown
new ActionButton({ id: 'acme-more', text: 'Acme', icon: 'ellipsis-h' })
    .withItems([new ResourceAction({ id: 'acme-sync-all', label: 'Sync everything', fn: (resource, ctx) => {} })]);

new Registry('my-extension:sidebar');

import TemplateHelper from '@fleetbase/ember-core/contracts/template-helper';

// Lazy from another engine
new TemplateHelper('@fleetbase/storefront-engine', 'helpers/calculate-delivery-fee');

// Or a direct class
new TemplateHelper(null, MyHelperClass);