Custom feature

// src/lib/scenaro/features/store-locator/handler.ts
import type { ToolHandler } from '@scenaro/sdk/react';

export const findNearbyStoresHandler: ToolHandler = async (
  requestId,
  args: { city?: string; radius_km?: number },
) => {
  const stores = await fetchStores(args.city, args.radius_km ?? 10);

  return {
    requestId,
    response: {
      code: 'SUCCESS',
      data: {
        stores: stores.map((s) => ({
          name: s.name,
          address: s.address,
          distance_km: s.distance,
        })),
      },
    },
    componentData: {
      stores,
      city: args.city,
    },
  };
};

// src/lib/scenaro/features/store-locator/component.tsx
interface Props {
  settings: Record<string, unknown>;
  toolState: Record<string, unknown>;
}

export function StoreLocatorFeature({ toolState }: Props) {
  const stores = (toolState.stores as Store[]) ?? [];

  if (!stores.length) return null;

  return (
    <div className="store-locator">
      <h3>Nearby stores</h3>
      <ul>
        {stores.map((store) => (
          <li key={store.id}>
            {store.name} — {store.distance_km} km
          </li>
        ))}
      </ul>
    </div>
  );
}

// src/lib/scenaro/features/registry.ts
import { StoreLocatorFeature } from './store-locator/component';
import { findNearbyStoresHandler } from './store-locator/handler';

export const FEATURE_REGISTRY = new Map([
  ['store:locator', {
    component: StoreLocatorFeature,
    handlers: { find_nearby_stores: findNearbyStoresHandler },
    primaryTool: 'find_nearby_stores',
    toolNames: ['find_nearby_stores'],
  }],
]);

return {
  requestId,
  response: { code: 'ERROR', data: { stores: [], error: 'City not found' } },
  componentData: { stores: [], city: args.city },
};