@alia.onl/sdk 8.0.0 → 10.0.1

package/CHANGELOG.md

@@ -1,6 +1,87 @@
 # @alia.onl/sdk
 
-## Unreleased
+## 10.0.1
+
+### `@oxy.so/services` 9 is admitted
+
+The `@oxy.so/services` peer is now `^8.0.0 || ^9.0.0`. Services 9.0.0 changes
+only its Bloom peer (to Bloom 5); the one thing this package takes from it,
+`useOxy`, is the same in both, so an app can move to Bloom 5 without this
+package refusing the services it needs. No code changed.
+
+## 10.0.0
+
+### Peers: `@oxy.so/core` `^3.0.0`, `@oxy.so/services` `^8.0.0`
+
+**Breaking.** Core 3 is the namespaced Oxy client (`oxyServices.session`,
+`oxyServices.users`, …): the SDK now reads the session token as
+`oxyServices.session.accessToken` instead of `getAccessToken()` /
+`httpService`, so it runs only on a host with core 3 and services 8 — one app
+holds one Oxy SDK. Nothing in the SDK's own API changes.
+
+### `AliaMarkdown` builds its parser once
+
+`react-native-markdown-display` evaluates its `markdownit`,
+`allowedImageHandlers` and `topLevelMaxExceededItem` defaults on every render,
+so each render of each block built a Markdown parser and rebuilt its renderer
+and styles. `AliaMarkdown` now passes one shared parser and those defaults'
+own values, created once. Output is unchanged; a 1,000-message thread holds
+7 MiB less heap in the app.
+
+### Voice errors have codes
+
+Additive. `useSpeechToText` returns `errorCode` beside `error`, and
+`useVoiceRoom` returns `errorCode` and `turnErrorCode` beside `error` and
+`turnError`: a `VoiceErrorCode` (exported from both entries with
+`VOICE_ERROR_MESSAGES`, the English copy) so an app can say what went wrong in
+its own language. The English strings are unchanged.
+
+`VoiceControls` takes `labels` (defaults in `VOICE_CONTROLS_LABELS`) for every
+word it shows, and its mute and end buttons are named buttons for screen
+readers, mute as a toggle.
+
+`useSpeechToText` unmounted mid-dictation now also clears `useSTTStore`. It used
+to abort the recognizer but leave the store reading `isRecording: true`, which
+`useAmbientWave` then drew as dictation for as long as the page lived.
+
+## 9.0.0
+
+### The full-screen chat clears the gesture bar and the keyboard
+
+`AliaChatScreen` padded only the top safe-area inset, so on edge-to-edge
+Android its composer sat under the gesture bar (OxyHQ/Mention#1140). It now pads
+the bottom inset too, and wraps the chat in a keyboard-avoiding view that
+measures its own position in the window (keyboard-controller's
+`automaticOffset`): the composer rises onto the keyboard, and because that view
+already ends above the inset, the inset is not added on top of the keyboard. The
+avoiding view `PromptInput` carries measured its parent-relative layout and so
+never lifted inside the screen. The web `KeyboardAvoidingView` accepts and
+ignores `automaticOffset`. Also released for 7.x as 7.2.9.
+
+### Real models, and no model identifier in the package
+
+Alia has no models of its own: `GET /catalogue` now lists the real models Oxy
+serves (`publisher/model`), with the server's `defaultModelId` and
+`featuredIds`. The SDK follows it, and the product modes and routing profiles
+(`mode:*`, `route:*`) are gone from it.
+
+**Breaking:**
+
+- `PREFERRED_CHAT_MODEL_ID` and `PREFERRED_VOICE_MODEL_ID` are removed. With no
+  `model`, `useAliaChat`, the voice turn sender, `useTTS` and `useVoiceRoom` send
+  no `model` and the server's default (chat or speech) answers.
+- `parseCatalogue` and `fetchCatalogue` return a `Catalogue`
+  (`{ entries, defaultModelId, featuredIds }`), and `CatalogueEntry` is the new
+  model shape (`name`, `publisher`, `contextWindow`, `reasoningEfforts`,
+  `pricing`, …). `CatalogueEntryKind` is removed.
+- `resolveSelection(requestedId, catalogue)` and `resolveModelId(apiUrl,
+  requestedId?)` take no preferred id; an identifier the catalogue no longer
+  lists resolves to `undefined` (omit `model`) instead of a substitute.
+- The `alia.model_switch` stream event is no longer accepted; the server no
+  longer sends it.
+
+**Added:** `AliaMarkdown` takes `renderCodeBlock` to draw fenced code with the
+host's own code card (the Alia app passes Bloom's `CodeBlock`).
 
 ### The consumer-backend path is documented
 

package/README.md

@@ -67,6 +67,12 @@ export function Assistant() {
 }
 ```
 
+`AliaChatScreen` is a full-screen route: it pads itself by the top and bottom
+safe-area insets, so render it where no tab bar or other bottom chrome is drawn.
+On iOS and Android its composer rises with the keyboard through
+`react-native-keyboard-controller`, which needs the app wrapped in its
+`KeyboardProvider` (re-exported here).
+
 Or the hook on its own, with your own UI:
 
 ```tsx
@@ -88,8 +94,10 @@ purpose: it is a **product** client.
 
 The hook sends its turns to `POST {apiUrl}/v1/chat/completions`, with `apiUrl`
 defaulting to `EXPO_PUBLIC_ALIA_API_URL` or `https://api.alia.onl`. It also
-reads `GET {apiUrl}/catalogue` once per base URL, to check the requested model
-identifier against what the server offers.
+reads `GET {apiUrl}/catalogue` once per base URL when a `model` is passed, to
+check that `publisher/model` against the real models the server offers. With no
+`model`, the request carries none and the server's default model answers — the
+SDK ships no model identifier of its own.
 
 That is the compatibility surface, not the product route. `POST /alia/chat` is
 the same handler with the same authentication, and it is where Alia's own
@@ -207,7 +215,7 @@ app.get('/catalogue', (req, res) => relay(req, res, 'GET', '/catalogue'));
 app.listen(3000);
 ```
 
-The request body the SDK sends is `{ model, messages, stream: true }` and the
+The request body the SDK sends is `{ model?, messages, stream: true }` and the
 response Alia writes is `text/event-stream`; the relay forwards both without
 reading them. CORS between your web app and your backend is yours to configure,
 as it would be for any of your own routes.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alia.onl/sdk",
-  "version": "8.0.0",
-  "description": "Alia AI chat SDK \u2014 reusable chat UI, voice, and streaming components for Oxy apps",
+  "version": "10.0.1",
+  "description": "Alia AI chat SDK — reusable chat UI, voice, and streaming components for Oxy apps",
   "main": "src/index.ts",
   "react-native": "src/index.ts",
   "source": "src/index.ts",
@@ -42,8 +42,8 @@
   "peerDependencies": {
     "react": "^19.2.3",
     "react-native": "^0.86.0",
-    "@oxy.so/core": "^1.7.0",
-    "@oxy.so/services": "^3.0.0 || ^4.0.0",
+    "@oxy.so/core": "^3.0.0",
+    "@oxy.so/services": "^8.0.0 || ^9.0.0",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "expo-blur": "^57.0.0",
     "react-native-reanimated": "^4.5.0",

package/src/components/AliaChatScreen.tsx

@@ -20,6 +20,7 @@
 import React from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { KeyboardAvoidingView } from '../lib/keyboard';
 import { AliaChatContent } from './AliaChatContent';
 import { IdentityMark } from './IdentityMark';
 import type { WelcomeSuggestion } from './AliaWelcomeMessage';
@@ -65,36 +66,51 @@ export function AliaChatScreen({
 }: AliaChatScreenProps) {
   const insets = useSafeAreaInsets();
 
+  // The screen owns the whole window, so it keeps its composer out of both
+  // system bars: the top inset clears the status bar, the bottom one the
+  // gesture bar or home indicator an edge-to-edge app draws over.
+  //
+  // The keyboard is handled INSIDE the bottom inset. The avoiding view measures
+  // its own frame in the window (`automaticOffset`), and that frame already
+  // ends `insets.bottom` above the window's edge, so the padding it adds is the
+  // keyboard's height minus the inset: the composer sits on the keyboard, not
+  // one inset above it. (Its parent-relative layout would read as zero overlap
+  // this deep in a host's tree, which is why the offset is measured.)
   return (
-    <View className="flex-1 bg-background" style={{ paddingTop: insets.top }}>
-      <AliaChatContent
-        clientContext={clientContext}
-        model={model}
-        apiUrl={apiUrl}
-        welcomeGreeting={welcomeGreeting}
-        welcomeSubtitle={welcomeSubtitle}
-        welcomeSuggestions={welcomeSuggestions}
-        primaryColor={primaryColor}
-        isDarkMode={isDarkMode}
-        voiceSession={voiceSession}
-        header={({ markState, hasMessages, clear }) => (
-          <View className="flex-row items-center justify-between px-4 py-3">
-            <View className="flex-row items-center gap-2.5">
-              {headerLeft}
-              <IdentityMark size={28} state={markState} spinOnPress />
-              <Text className="text-lg font-semibold text-foreground">Alia</Text>
+    <View
+      className="flex-1 bg-background"
+      style={{ paddingTop: insets.top, paddingBottom: insets.bottom }}
+    >
+      <KeyboardAvoidingView behavior="padding" automaticOffset style={{ flex: 1 }}>
+        <AliaChatContent
+          clientContext={clientContext}
+          model={model}
+          apiUrl={apiUrl}
+          welcomeGreeting={welcomeGreeting}
+          welcomeSubtitle={welcomeSubtitle}
+          welcomeSuggestions={welcomeSuggestions}
+          primaryColor={primaryColor}
+          isDarkMode={isDarkMode}
+          voiceSession={voiceSession}
+          header={({ markState, hasMessages, clear }) => (
+            <View className="flex-row items-center justify-between px-4 py-3">
+              <View className="flex-row items-center gap-2.5">
+                {headerLeft}
+                <IdentityMark size={28} state={markState} spinOnPress />
+                <Text className="text-lg font-semibold text-foreground">Alia</Text>
+              </View>
+              <View className="flex-row items-center gap-2">
+                {hasMessages && (
+                  <TouchableOpacity onPress={clear} className="px-2.5 py-1.5">
+                    <Text className="text-sm text-muted-foreground">Clear</Text>
+                  </TouchableOpacity>
+                )}
+                {headerRight}
+              </View>
             </View>
-            <View className="flex-row items-center gap-2">
-              {hasMessages && (
-                <TouchableOpacity onPress={clear} className="px-2.5 py-1.5">
-                  <Text className="text-sm text-muted-foreground">Clear</Text>
-                </TouchableOpacity>
-              )}
-              {headerRight}
-            </View>
-          </View>
-        )}
-      />
+          )}
+        />
+      </KeyboardAvoidingView>
     </View>
   );
 }

package/src/components/IdentityMark.tsx

@@ -203,6 +203,9 @@ export function IdentityMark({
       // button would promise an action it does not have.
       accessibilityRole={onPress === undefined ? 'image' : 'button'}
       accessibilityLabel={accessibilityLabel}
+      // Nor a Tab stop: on web a Pressable is focusable by default, so the
+      // flourish was an unlabelled stop in the keyboard order that did nothing.
+      focusable={onPress !== undefined}
       className={className}
       style={box}
     >

package/src/components/Markdown.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, type ReactNode } from 'react';
 import { View, Text, Platform, Linking, useColorScheme } from 'react-native';
-import Markdown, { type ASTNode } from 'react-native-markdown-display';
+import Markdown, { MarkdownIt, type ASTNode } from 'react-native-markdown-display';
 import type { AliaColors } from '../theme';
 
 // Hardcoded fallback colors for standalone SDK usage (when no color override is passed).
@@ -24,10 +24,32 @@ const BODY_TEXT = { fontSize: 16, lineHeight: 28 } as const;
 const HEADING_TEXT = { fontSize: 16, lineHeight: 22 } as const;
 const MONO_FONT = Platform.select({ ios: 'Courier', android: 'monospace', default: 'monospace' })!;
 
-function createRules(colors: AliaColors) {
+function createRules(colors: AliaColors, renderCodeBlock?: RenderCodeBlock) {
   const { text: textColor, muted, border, primary, mutedForeground } = colors;
 
+  /**
+   * Fenced and indented code, drawn by the host when it brings a code card of
+   * its own (the app passes Bloom's `CodeBlock`). This package has no Bloom
+   * dependency, so it cannot name one itself; without the prop the library's
+   * default `fence` / `code_block` rendering, styled below, stays.
+   */
+  const codeRules = renderCodeBlock === undefined
+    ? {}
+    : {
+        fence: (node: ASTNode) => (
+          <View key={node.key} style={{ marginVertical: 8 }}>
+            {renderCodeBlock(node.content.replace(/\n$/, ''), codeLanguage(node))}
+          </View>
+        ),
+        code_block: (node: ASTNode) => (
+          <View key={node.key} style={{ marginVertical: 8 }}>
+            {renderCodeBlock(node.content.replace(/\n$/, ''), undefined)}
+          </View>
+        ),
+      };
+
   return {
+    ...codeRules,
     heading1: (node: ASTNode, children: ReactNode[]) => (
       <Text
         key={node.key}
@@ -249,6 +271,16 @@ function createStyles(colors: AliaColors, fontFamily: string | undefined) {
   };
 }
 
+/** Draws one block of code: its source, and the fence's language when it named one. */
+export type RenderCodeBlock = (code: string, language: string | undefined) => ReactNode;
+
+/** The fence's info string up to the first space (```ts title=x → `ts`). */
+function codeLanguage(node: ASTNode): string | undefined {
+  const info = (node as ASTNode & { sourceInfo?: string }).sourceInfo?.trim() ?? '';
+  const language = info.split(/\s+/)[0];
+  return language === '' ? undefined : language;
+}
+
 export interface AliaMarkdownProps {
   /**
    * The sans family for body text, as a SINGLE family name — RN's `fontFamily`
@@ -263,6 +295,12 @@ export interface AliaMarkdownProps {
   fontFamily?: string;
   content: string;
   colors?: Partial<AliaColors>;
+  /**
+   * Draw fenced code with the host's own code card. Keep the function's
+   * identity stable (a module-level function or a `useCallback`): it is part of
+   * the rules' memo, and a new one per render re-parses every block.
+   */
+  renderCodeBlock?: RenderCodeBlock;
 }
 
 const FENCE_RE = /^\s*(?:```|~~~)/;
@@ -327,21 +365,64 @@ type MarkdownBlockProps = {
   styles: ReturnType<typeof createStyles>;
 };
 
-const MarkdownBlock = React.memo(function MarkdownBlock({ content, rules, styles }: MarkdownBlockProps) {
-  return <Markdown rules={rules} style={styles}>{content}</Markdown>;
-});
+/**
+ * `react-native-markdown-display` gives three of its props DEFAULT VALUES that
+ * are new objects on every render: `markdownit = MarkdownIt({ typographer:
+ * true })`, `allowedImageHandlers = [...]` and `topLevelMaxExceededItem =
+ * <Text>`. A default parameter is evaluated per call, so each render of each
+ * `<Markdown>` built a parser (compiling linkify-it's regexes), and the two
+ * others sit in the deps of its renderer's `useMemo`, so the renderer — and
+ * the `StyleSheet.create` of every style inside it — was rebuilt every render
+ * too. A streamed answer re-renders its last block per token, and opening a
+ * thread renders every block once: both paid for it. Passing the defaults'
+ * own values, created once, makes both memos hold. The parser is shared:
+ * `parse` keeps no state between calls.
+ *
+ * The typings omit the last two props, which the component does take.
+ */
+const PARSER = MarkdownIt({ typographer: true });
+const IMAGE_HANDLERS = [
+  'data:image/png;base64',
+  'data:image/gif;base64',
+  'data:image/jpeg;base64',
+  'https://',
+  'http://',
+];
+const TOP_LEVEL_EXCEEDED = <Text key="dotdotdot">...</Text>;
+const StableMarkdown = Markdown as React.ComponentType<
+  React.ComponentProps<typeof Markdown> & {
+    allowedImageHandlers?: string[];
+    topLevelMaxExceededItem?: ReactNode;
+  }
+>;
+
+function ParsedMarkdown({ content, rules, styles }: MarkdownBlockProps) {
+  return (
+    <StableMarkdown
+      rules={rules}
+      style={styles}
+      markdownit={PARSER}
+      allowedImageHandlers={IMAGE_HANDLERS}
+      topLevelMaxExceededItem={TOP_LEVEL_EXCEEDED}
+    >
+      {content}
+    </StableMarkdown>
+  );
+}
+
+const MarkdownBlock = React.memo(ParsedMarkdown);
 
-export function AliaMarkdown({ content, colors: colorOverrides, fontFamily }: AliaMarkdownProps) {
+export function AliaMarkdown({ content, colors: colorOverrides, fontFamily, renderCodeBlock }: AliaMarkdownProps) {
   const scheme = useColorScheme();
   const fallback = scheme === 'dark' ? FALLBACK_DARK : FALLBACK_LIGHT;
   const colors = { ...fallback, ...colorOverrides } as AliaColors;
 
-  const customRules = useMemo(() => createRules(colors), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground]);
+  const customRules = useMemo(() => createRules(colors, renderCodeBlock), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground, renderCodeBlock]);
   const markdownStyles = useMemo(() => createStyles(colors, fontFamily), [colors.text, colors.muted, colors.border, colors.primary, colors.mutedForeground, fontFamily]);
   const blocks = useMemo(() => splitMarkdownBlocks(content), [content]);
 
   if (blocks.length === 1) {
-    return <Markdown rules={customRules} style={markdownStyles}>{blocks[0]}</Markdown>;
+    return <ParsedMarkdown content={blocks[0]} rules={customRules} styles={markdownStyles} />;
   }
 
   // Each block's `body` rule cancels its own trailing paragraph margin

package/src/components/voice/VoiceControls.tsx

@@ -9,7 +9,32 @@ import MicOff from 'lucide-react-native/icons/mic-off';
 import PhoneOff from 'lucide-react-native/icons/phone-off';
 import type { RoomState, AgentState } from '../../types';
 
-interface VoiceControlsProps {
+/** Every word the bar shows or announces. An app in another language passes its own. */
+export interface VoiceControlsLabels {
+  connecting: string;
+  connected: string;
+  listening: string;
+  muted: string;
+  thinking: string;
+  speaking: string;
+  mute: string;
+  unmute: string;
+  end: string;
+}
+
+export const VOICE_CONTROLS_LABELS: VoiceControlsLabels = {
+  connecting: 'Connecting...',
+  connected: 'Connected',
+  listening: 'Listening...',
+  muted: 'Muted',
+  thinking: 'Thinking...',
+  speaking: 'Speaking...',
+  mute: 'Mute',
+  unmute: 'Unmute',
+  end: 'End',
+};
+
+export interface VoiceControlsProps {
   roomState: RoomState;
   agentState: AgentState;
   isMuted: boolean;
@@ -17,19 +42,22 @@ interface VoiceControlsProps {
   onEnd: () => void;
   /** Override theme primary color (resolved hex/hsl value, not CSS var) */
   primaryColor?: string;
+  /** Overrides for any of {@link VOICE_CONTROLS_LABELS}. */
+  labels?: Partial<VoiceControlsLabels>;
 }
 
 function getStatusText(
   roomState: RoomState,
   agentState: AgentState,
   isMuted: boolean,
+  labels: VoiceControlsLabels,
 ): string {
-  if (roomState === 'connecting') return 'Connecting...';
+  if (roomState === 'connecting') return labels.connecting;
   if (roomState === 'connected') {
-    if (agentState === 'listening') return isMuted ? 'Muted' : 'Listening...';
-    if (agentState === 'thinking') return 'Thinking...';
-    if (agentState === 'speaking') return 'Speaking...';
-    return 'Connected';
+    if (agentState === 'listening') return isMuted ? labels.muted : labels.listening;
+    if (agentState === 'thinking') return labels.thinking;
+    if (agentState === 'speaking') return labels.speaking;
+    return labels.connected;
   }
   return '';
 }
@@ -41,13 +69,15 @@ export function VoiceControls({
   onToggleMute,
   onEnd,
   primaryColor,
+  labels: labelOverrides,
 }: VoiceControlsProps) {
-  const statusText = getStatusText(roomState, agentState, isMuted);
+  const labels = { ...VOICE_CONTROLS_LABELS, ...labelOverrides };
+  const statusText = getStatusText(roomState, agentState, isMuted, labels);
 
   return (
     <View style={styles.container}>
       {statusText ? (
-        <Text className="text-lg font-medium mb-4 text-foreground">
+        <Text className="text-lg font-medium mb-4 text-foreground" accessibilityLiveRegion="polite" aria-live="polite">
           {statusText}
         </Text>
       ) : null}
@@ -57,6 +87,10 @@ export function VoiceControls({
           <View style={styles.buttonWrapper}>
             <Pressable
               onPress={onToggleMute}
+              accessibilityRole="button"
+              accessibilityLabel={labels.mute}
+              accessibilityState={{ selected: isMuted }}
+              aria-pressed={isMuted}
               className={isMuted ? undefined : 'bg-muted'}
               style={[styles.button, isMuted ? { backgroundColor: '#ef4444' } : undefined]}
             >
@@ -67,18 +101,20 @@ export function VoiceControls({
               )}
             </Pressable>
             <Text className="text-xs text-muted-foreground">
-              {isMuted ? 'Unmute' : 'Mute'}
+              {isMuted ? labels.unmute : labels.mute}
             </Text>
           </View>
 
           <View style={styles.buttonWrapper}>
             <Pressable
               onPress={onEnd}
+              accessibilityRole="button"
+              accessibilityLabel={labels.end}
               style={[styles.button, { backgroundColor: '#ef4444' }]}
             >
               <PhoneOff size={24} color="white" />
             </Pressable>
-            <Text className="text-xs text-muted-foreground">End</Text>
+            <Text className="text-xs text-muted-foreground">{labels.end}</Text>
           </View>
         </View>
       )}

package/src/hooks/useAliaChat.ts

@@ -3,7 +3,6 @@ import { useOxy } from '@oxy.so/services';
 import type { ChatMessage, ToolInvocation } from '../types';
 import { getTextFromContent } from '../lib/content-utils';
 import { resolveModelId } from '../lib/catalogue';
-import { PREFERRED_CHAT_MODEL_ID } from '../lib/config';
 import { streamAliaChat } from '../lib/chat-transport';
 import type { AliaChatStreamEvent } from '../lib/chat-stream';
 
@@ -28,12 +27,12 @@ export interface UseAliaChatOptions {
    */
   apiUrl?: string;
   /**
-   * Kaana routing profile to use.
+   * The model to answer with, as `publisher/model` from `GET /catalogue`.
    *
-   * Optional, and checked against `GET /catalogue` before a request carries it:
-   * an identifier the server no longer offers is replaced rather than sent, so a
-   * retirement does not turn into a 400 inside a consumer's app. Omitted, the
-   * build's `PREFERRED_CHAT_MODEL_ID` is what gets checked.
+   * Optional, and checked against the catalogue before a request carries it: an
+   * identifier the server no longer offers is not sent, so a retirement does not
+   * turn into a 400 inside a consumer's app. Omitted, the request carries no
+   * `model` and the server's default model answers.
    */
   model?: string;
   /** App context injected as system message so Alia knows which app the user is in. */
@@ -115,7 +114,7 @@ function waitWithAbort<T>(promise: Promise<T>, signal: AbortSignal): Promise<T>
 export function useAliaChat(options: UseAliaChatOptions = {}): UseAliaChatReturn {
   const {
     apiUrl = API_URL,
-    model = PREFERRED_CHAT_MODEL_ID,
+    model,
     clientContext,
     accessToken: accessTokenProp,
   } = options;
@@ -236,7 +235,7 @@ export function useAliaChat(options: UseAliaChatOptions = {}): UseAliaChatReturn
       const trimmed = text.trim();
       if (!trimmed) return;
 
-      const activeToken = oxyServices.getAccessToken();
+      const activeToken = oxyServices.session.accessToken;
       if (accessTokenProp !== undefined && accessTokenProp !== activeToken) {
         setError('The supplied token is not the active Oxy session.');
         return;
@@ -377,7 +376,7 @@ export function useAliaChat(options: UseAliaChatOptions = {}): UseAliaChatReturn
 
       try {
         const effectiveModel = await waitWithAbort(
-          resolveModelId(apiUrl, model, undefined, PREFERRED_CHAT_MODEL_ID),
+          resolveModelId(apiUrl, model),
           controller.signal,
         );
         await streamAliaChat(