@gammatech/aijsx 0.2.0-vision.2 → 0.3.0-beta.1

package/dist/{chunk-7GA5BUUP.mjs → chunk-2JPDWMO2.mjs}

@@ -1,5 +1,6 @@
 // src/createElement.ts
-function createAIElement(tag, props, ...children) {
+var parseAsString = (result) => result;
+function createAIElement(tag, props, children) {
   const propsToPass = {
     ...props ?? {},
     ...children.length === 0 ? {} : { children: children.length === 1 ? children[0] : children }
@@ -7,14 +8,18 @@ function createAIElement(tag, props, ...children) {
   const result = {
     tag,
     props: propsToPass,
+    parse: "parse" in tag ? tag.parse : parseAsString,
     render: (ctx) => {
       return tag(propsToPass, ctx);
     }
   };
   return result;
 }
+function isParsedAIElement(value) {
+  return value !== null && typeof value === "object" && "tag" in value && "parse" in value && "render" in value;
+}
 function isAIElement(value) {
-  return value !== null && typeof value === "object" && "tag" in value;
+  return value !== null && typeof value === "object" && "tag" in value && "render" in value;
 }
 function isLiteral(value) {
   return typeof value === "string" || typeof value === "number" || typeof value === "undefined" || typeof value === "boolean" || // capture null + undefined
@@ -24,23 +29,10 @@ function AIFragment({ children }) {
   return children;
 }
 
-// src/jsx-runtime.ts
-function jsx(type, config, maybeKey) {
-  const configWithKey = maybeKey !== void 0 ? { ...config, key: maybeKey } : config;
-  const children = config && Array.isArray(config.children) ? config.children : [];
-  return createAIElement(type, configWithKey, ...children);
-}
-var jsxDEV = jsx;
-var jsxs = jsx;
-var Fragment = AIFragment;
-
 export {
   createAIElement,
+  isParsedAIElement,
   isAIElement,
   isLiteral,
-  AIFragment,
-  jsx,
-  jsxDEV,
-  jsxs,
-  Fragment
+  AIFragment
 };

package/dist/chunk-LWRCGF5O.mjs

@@ -0,0 +1,22 @@
+import {
+  AIFragment,
+  createAIElement
+} from "./chunk-2JPDWMO2.mjs";
+
+// src/jsx-runtime.ts
+function jsx(type, config, maybeKey) {
+  const configWithKey = maybeKey !== void 0 ? { ...config, key: maybeKey } : config;
+  const children = config && Array.isArray(config.children) ? config.children : [];
+  const res = createAIElement(type, configWithKey, children);
+  return res;
+}
+var jsxDEV = jsx;
+var jsxs = jsx;
+var Fragment = AIFragment;
+
+export {
+  jsx,
+  jsxDEV,
+  jsxs,
+  Fragment
+};

package/dist/{createElement-y5NHsp6D.d.mts → createElement-jIxJ-zr7.d.mts}

@@ -1,4 +1,7 @@
 type Literal = string | number | null | undefined | boolean;
+type JSONSerializable = string | number | boolean | null | JSONSerializable[] | {
+    [key: string]: JSONSerializable;
+};
 interface RenderableStream {
     [Symbol.asyncIterator]: () => AsyncGenerator<string, void, unknown>;
 }
@@ -9,34 +12,53 @@ interface Context<T> {
     Provider: AIComponent<{
         children: AINode;
         value: T;
-    }>;
+    }, string>;
     defaultValue: T;
     key: symbol;
 }
-type AIComponent<P> = (props: P, context: RenderContext) => Renderable;
+interface AIComponentString<P, _Result extends string> {
+    (props: P, context: RenderContext): Renderable;
+}
+interface AIComponentParsed<P, ParsedResult extends JSONSerializable = string> {
+    (props: P, context: RenderContext): Renderable;
+    parse: (result: string) => ParsedResult;
+}
+type AINode = Literal | AIElement<AIComponent<any, any>> | AINode[];
+type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
+type AIComponent<P, R extends string | JSONSerializable> = R extends string ? AIComponentString<P, R> : R extends JSONSerializable ? AIComponentParsed<P, R> : never;
 declare const attachedContextSymbol: unique symbol;
-interface AIElement<P> {
+interface AIElement<C extends AIComponent<any, any>> {
     /** The tag associated with this {@link AIElement}. */
-    tag: AIComponent<P>;
+    tag: C;
     /** The component properties. */
-    props: P;
+    props: PropsOfAIComponent<C>;
     /** A function that renders this {@link AIElement} to a {@link Renderable}. */
     render: (ctx: RenderContext) => Renderable;
+    parse: (result: string) => ParsedTypeOfAIComponent<C>;
     /** The {@link RenderContext} associated with this {@link Element}. */
     [attachedContextSymbol]?: Record<symbol, any>;
 }
-type AINode = Literal | AIElement<any> | AINode[];
-type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
-type PropsOfAIComponent<T extends AIComponent<any>> = T extends AIComponent<infer P> ? P : never;
+type PropsOfAIComponent<T extends AIComponent<any, any>> = T extends AIComponent<infer P, any> ? P : never;
+type ParsedTypeOfAIComponent<T extends AIComponent<any, any>> = T extends AIComponent<any, infer P> ? P : never;
+type ParsedTypeOfRenderable<R extends Renderable> = R extends AIElement<infer C> ? C extends AIComponentParsed<any, infer U> ? U : string : string;
 
 declare const LoggerContext: Context<LogImplementation>;
+type RenderOptions = {
+    preserveTags?: boolean;
+    renderedProps?: {
+        [tagName: string]: {
+            [propName: string]: boolean;
+        };
+    };
+};
 interface RenderContext {
     parentContext: RenderContext | null;
-    element: AIElement<any>;
+    element: AIElement<AIComponent<any, any>>;
     renderId: string;
     logger: Logger;
     getContext<T>(context: Context<T>): T;
-    render(renderable: Renderable): RenderResult;
+    render(renderable: Renderable, opts?: RenderOptions): RenderResult;
+    renderJson<R extends Renderable>(renderable: R): Promise<ParsedTypeOfRenderable<R>>;
 }
 declare function createContext<T>(defaultValue: T): Context<T>;
 
@@ -126,16 +148,11 @@ declare const UserMessage: (props: {
 declare const AssistantMessage: (props: {
     children: AINode;
 }) => AINode;
-interface ConversationMessageType<T extends ChatCompletionRole, C extends AIComponent<any>> {
-    type: T;
-    element: AIElement<PropsOfAIComponent<C>>;
-}
-type ConversationMessage = ConversationMessageType<'user', typeof UserMessage> | ConversationMessageType<'assistant', typeof AssistantMessage> | ConversationMessageType<'system', typeof SystemMessage>;
-type RenderedConversationMessage = ConversationMessage & {
+type RenderedConversationMessage = {
+    role: ChatCompletionRole;
     content: string;
     tokens: number;
 };
-declare const childrenToConversationMessage: (c: AIElement<any> | AIElement<any>[]) => ConversationMessage[];
 declare const computeUsage: (messages: RenderedConversationMessage[]) => {
     prompt: number;
     completion: number;
@@ -146,14 +163,11 @@ declare class ChatCompletionError extends Error {
     constructor(message: string, chatCompletionRequest: LogChatCompletionRequest);
 }
 
-declare function createAIElement<P extends {
-    children: C;
-}, C>(tag: AIComponent<P>, props: Omit<P, 'children'> | null, ...children: [C]): AIElement<P>;
 declare function createAIElement<P extends {
     children: C[];
-}, C>(tag: AIComponent<P>, props: Omit<P, 'children'> | null, ...children: C[]): AIElement<P>;
+}, C, T extends AIComponent<P, any>>(tag: T, props: Omit<P, 'children'> | null, children: C[]): AIElement<T>;
 declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIComponent as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, type AINode as a, type AIElement as b, createAIElement as c, AIFragment as d, LoggerContext as e, createContext as f, AssistantMessage as g, type ConversationMessage as h, type RenderedConversationMessage as i, childrenToConversationMessage as j, computeUsage as k, ChatCompletionError as l, type ChatCompletionRequestPayloads as m, type LogChatCompletionRequest as n, type LogChatCompletionResponse as o, type LogLevel as p, type Logger as q, ConsoleLogger as r, CombinedLogger as s, type Literal as t, type RenderableStream as u, type RenderResult as v, attachedContextSymbol as w, type Renderable as x };
+export { type AINode as A, BoundLogger as B, type Context as C, type ParsedTypeOfRenderable as D, type JSONSerializable as J, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, AIFragment as a, LoggerContext as b, createAIElement as c, createContext as d, type ChatCompletionRole as e, AssistantMessage as f, type RenderedConversationMessage as g, computeUsage as h, ChatCompletionError as i, type ChatCompletionRequestPayloads as j, type LogChatCompletionRequest as k, type LogChatCompletionResponse as l, type LogLevel as m, type Logger as n, ConsoleLogger as o, CombinedLogger as p, type Literal as q, type RenderableStream as r, type RenderResult as s, type AIComponentString as t, type AIComponentParsed as u, type Renderable as v, type AIComponent as w, attachedContextSymbol as x, type AIElement as y, type ParsedTypeOfAIComponent as z };

package/dist/{createElement-y5NHsp6D.d.ts → createElement-jIxJ-zr7.d.ts}

@@ -1,4 +1,7 @@
 type Literal = string | number | null | undefined | boolean;
+type JSONSerializable = string | number | boolean | null | JSONSerializable[] | {
+    [key: string]: JSONSerializable;
+};
 interface RenderableStream {
     [Symbol.asyncIterator]: () => AsyncGenerator<string, void, unknown>;
 }
@@ -9,34 +12,53 @@ interface Context<T> {
     Provider: AIComponent<{
         children: AINode;
         value: T;
-    }>;
+    }, string>;
     defaultValue: T;
     key: symbol;
 }
-type AIComponent<P> = (props: P, context: RenderContext) => Renderable;
+interface AIComponentString<P, _Result extends string> {
+    (props: P, context: RenderContext): Renderable;
+}
+interface AIComponentParsed<P, ParsedResult extends JSONSerializable = string> {
+    (props: P, context: RenderContext): Renderable;
+    parse: (result: string) => ParsedResult;
+}
+type AINode = Literal | AIElement<AIComponent<any, any>> | AINode[];
+type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
+type AIComponent<P, R extends string | JSONSerializable> = R extends string ? AIComponentString<P, R> : R extends JSONSerializable ? AIComponentParsed<P, R> : never;
 declare const attachedContextSymbol: unique symbol;
-interface AIElement<P> {
+interface AIElement<C extends AIComponent<any, any>> {
     /** The tag associated with this {@link AIElement}. */
-    tag: AIComponent<P>;
+    tag: C;
     /** The component properties. */
-    props: P;
+    props: PropsOfAIComponent<C>;
     /** A function that renders this {@link AIElement} to a {@link Renderable}. */
     render: (ctx: RenderContext) => Renderable;
+    parse: (result: string) => ParsedTypeOfAIComponent<C>;
     /** The {@link RenderContext} associated with this {@link Element}. */
     [attachedContextSymbol]?: Record<symbol, any>;
 }
-type AINode = Literal | AIElement<any> | AINode[];
-type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
-type PropsOfAIComponent<T extends AIComponent<any>> = T extends AIComponent<infer P> ? P : never;
+type PropsOfAIComponent<T extends AIComponent<any, any>> = T extends AIComponent<infer P, any> ? P : never;
+type ParsedTypeOfAIComponent<T extends AIComponent<any, any>> = T extends AIComponent<any, infer P> ? P : never;
+type ParsedTypeOfRenderable<R extends Renderable> = R extends AIElement<infer C> ? C extends AIComponentParsed<any, infer U> ? U : string : string;
 
 declare const LoggerContext: Context<LogImplementation>;
+type RenderOptions = {
+    preserveTags?: boolean;
+    renderedProps?: {
+        [tagName: string]: {
+            [propName: string]: boolean;
+        };
+    };
+};
 interface RenderContext {
     parentContext: RenderContext | null;
-    element: AIElement<any>;
+    element: AIElement<AIComponent<any, any>>;
     renderId: string;
     logger: Logger;
     getContext<T>(context: Context<T>): T;
-    render(renderable: Renderable): RenderResult;
+    render(renderable: Renderable, opts?: RenderOptions): RenderResult;
+    renderJson<R extends Renderable>(renderable: R): Promise<ParsedTypeOfRenderable<R>>;
 }
 declare function createContext<T>(defaultValue: T): Context<T>;
 
@@ -126,16 +148,11 @@ declare const UserMessage: (props: {
 declare const AssistantMessage: (props: {
     children: AINode;
 }) => AINode;
-interface ConversationMessageType<T extends ChatCompletionRole, C extends AIComponent<any>> {
-    type: T;
-    element: AIElement<PropsOfAIComponent<C>>;
-}
-type ConversationMessage = ConversationMessageType<'user', typeof UserMessage> | ConversationMessageType<'assistant', typeof AssistantMessage> | ConversationMessageType<'system', typeof SystemMessage>;
-type RenderedConversationMessage = ConversationMessage & {
+type RenderedConversationMessage = {
+    role: ChatCompletionRole;
     content: string;
     tokens: number;
 };
-declare const childrenToConversationMessage: (c: AIElement<any> | AIElement<any>[]) => ConversationMessage[];
 declare const computeUsage: (messages: RenderedConversationMessage[]) => {
     prompt: number;
     completion: number;
@@ -146,14 +163,11 @@ declare class ChatCompletionError extends Error {
     constructor(message: string, chatCompletionRequest: LogChatCompletionRequest);
 }
 
-declare function createAIElement<P extends {
-    children: C;
-}, C>(tag: AIComponent<P>, props: Omit<P, 'children'> | null, ...children: [C]): AIElement<P>;
 declare function createAIElement<P extends {
     children: C[];
-}, C>(tag: AIComponent<P>, props: Omit<P, 'children'> | null, ...children: C[]): AIElement<P>;
+}, C, T extends AIComponent<P, any>>(tag: T, props: Omit<P, 'children'> | null, children: C[]): AIElement<T>;
 declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIComponent as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, type AINode as a, type AIElement as b, createAIElement as c, AIFragment as d, LoggerContext as e, createContext as f, AssistantMessage as g, type ConversationMessage as h, type RenderedConversationMessage as i, childrenToConversationMessage as j, computeUsage as k, ChatCompletionError as l, type ChatCompletionRequestPayloads as m, type LogChatCompletionRequest as n, type LogChatCompletionResponse as o, type LogLevel as p, type Logger as q, ConsoleLogger as r, CombinedLogger as s, type Literal as t, type RenderableStream as u, type RenderResult as v, attachedContextSymbol as w, type Renderable as x };
+export { type AINode as A, BoundLogger as B, type Context as C, type ParsedTypeOfRenderable as D, type JSONSerializable as J, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, AIFragment as a, LoggerContext as b, createAIElement as c, createContext as d, type ChatCompletionRole as e, AssistantMessage as f, type RenderedConversationMessage as g, computeUsage as h, ChatCompletionError as i, type ChatCompletionRequestPayloads as j, type LogChatCompletionRequest as k, type LogChatCompletionResponse as l, type LogLevel as m, type Logger as n, ConsoleLogger as o, CombinedLogger as p, type Literal as q, type RenderableStream as r, type RenderResult as s, type AIComponentString as t, type AIComponentParsed as u, type Renderable as v, type AIComponent as w, attachedContextSymbol as x, type AIElement as y, type ParsedTypeOfAIComponent as z };

package/dist/index.d.mts

@@ -1,8 +1,8 @@
-import { L as LogImplementation, R as RenderContext, A as AIComponent, C as Context, a as AINode, b as AIElement } from './createElement-y5NHsp6D.mjs';
-export { d as AIFragment, g as AssistantMessage, B as BoundLogger, l as ChatCompletionError, m as ChatCompletionRequestPayloads, s as CombinedLogger, r as ConsoleLogger, h as ConversationMessage, t as Literal, n as LogChatCompletionRequest, o as LogChatCompletionResponse, p as LogLevel, q as Logger, e as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, v as RenderResult, x as Renderable, u as RenderableStream, i as RenderedConversationMessage, S as SystemMessage, U as UserMessage, w as attachedContextSymbol, j as childrenToConversationMessage, k as computeUsage, c as createAIElement, f as createContext } from './createElement-y5NHsp6D.mjs';
+import { L as LogImplementation, R as RenderContext, C as Context, A as AINode } from './createElement-jIxJ-zr7.mjs';
+export { w as AIComponent, u as AIComponentParsed, t as AIComponentString, y as AIElement, a as AIFragment, f as AssistantMessage, B as BoundLogger, i as ChatCompletionError, j as ChatCompletionRequestPayloads, e as ChatCompletionRole, p as CombinedLogger, o as ConsoleLogger, J as JSONSerializable, q as Literal, k as LogChatCompletionRequest, l as LogChatCompletionResponse, m as LogLevel, n as Logger, b as LoggerContext, N as NoopLogImplementation, z as ParsedTypeOfAIComponent, D as ParsedTypeOfRenderable, P as PropsOfAIComponent, s as RenderResult, v as Renderable, r as RenderableStream, g as RenderedConversationMessage, S as SystemMessage, U as UserMessage, x as attachedContextSymbol, h as computeUsage, c as createAIElement, d as createContext } from './createElement-jIxJ-zr7.mjs';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
-import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam } from 'openai/resources';
+import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam, ChatCompletionCreateParams } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
@@ -19,32 +19,45 @@ declare module '@gammatech/aijsx' {
         openai: OpenAIChatCompletionRequest;
     }
 }
-type UserMessageWithImagesProps = {
-    children: AINode;
-    images: {
-        url: string;
-        detail?: 'low' | 'high' | 'auto';
-    }[];
-};
-declare const UserMessageWithImages: AIComponent<UserMessageWithImagesProps>;
-type ValidOpenAIChatModel = 'gpt-4' | 'gpt-4-0314' | 'gpt-4-0613' | 'gpt-4-32k' | 'gpt-4-32k-0314' | 'gpt-4-32k-0613' | 'gpt-4-1106-preview' | 'gpt-3.5-turbo' | 'gpt-3.5-turbo-0301' | 'gpt-3.5-turbo-0613' | 'gpt-3.5-turbo-16k' | 'gpt-3.5-turbo-16k-0613' | 'gpt-3.5-turbo-1106' | 'gpt-4-vision-preview';
+type ValidOpenAIChatModel = 'gpt-4' | 'gpt-4-0314' | 'gpt-4-0613' | 'gpt-4-32k' | 'gpt-4-32k-0314' | 'gpt-4-32k-0613' | 'gpt-4-1106-preview' | 'gpt-3.5-turbo' | 'gpt-3.5-turbo-0301' | 'gpt-3.5-turbo-0613' | 'gpt-3.5-turbo-16k' | 'gpt-3.5-turbo-16k-0613' | 'gpt-3.5-turbo-1106';
 declare const OpenAIClientContext: Context<() => OpenAI>;
 type OpenAIChatCompletionProps = {
     model: ValidOpenAIChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    responseFormat?: ChatCompletionCreateParams.ResponseFormat['type'];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
 declare function OpenAIChatCompletion(props: OpenAIChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
+type ValidOpenAIVisionModel = 'gpt-4-vision-preview';
+declare const ContentTypeImage: (_props: {
+    url: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    detail?: 'auto' | 'high' | 'low';
+}) => null;
+type OpenAIVisionChatCompletionProps = {
+    model?: ValidOpenAIVisionModel;
+    maxTokens?: number;
+    temperature?: number;
+    children: AINode;
+    provider?: string;
+    providerRegion?: string;
+};
+declare function OpenAIVisionChatCompletion(props: OpenAIVisionChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
+
 declare const tokenizer: {
     encode: (text: string) => number[];
     decode: (tokens: number[]) => string;
 };
 declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | undefined;
-declare function tokenCountForChatMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
 type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
 declare module '@gammatech/aijsx' {
@@ -66,7 +79,7 @@ type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
@@ -79,4 +92,4 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIComponent, AIElement, AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, RenderContext, UserMessageWithImages, type ValidAnthropicChatModel, type ValidOpenAIChatModel, createRenderContext, defaultMaxTokens, tokenCountForChatMessage, tokenLimitForChatModel, tokenizer };
+export { AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, RenderContext, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createRenderContext, defaultMaxTokens, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { L as LogImplementation, R as RenderContext, A as AIComponent, C as Context, a as AINode, b as AIElement } from './createElement-y5NHsp6D.js';
-export { d as AIFragment, g as AssistantMessage, B as BoundLogger, l as ChatCompletionError, m as ChatCompletionRequestPayloads, s as CombinedLogger, r as ConsoleLogger, h as ConversationMessage, t as Literal, n as LogChatCompletionRequest, o as LogChatCompletionResponse, p as LogLevel, q as Logger, e as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, v as RenderResult, x as Renderable, u as RenderableStream, i as RenderedConversationMessage, S as SystemMessage, U as UserMessage, w as attachedContextSymbol, j as childrenToConversationMessage, k as computeUsage, c as createAIElement, f as createContext } from './createElement-y5NHsp6D.js';
+import { L as LogImplementation, R as RenderContext, C as Context, A as AINode } from './createElement-jIxJ-zr7.js';
+export { w as AIComponent, u as AIComponentParsed, t as AIComponentString, y as AIElement, a as AIFragment, f as AssistantMessage, B as BoundLogger, i as ChatCompletionError, j as ChatCompletionRequestPayloads, e as ChatCompletionRole, p as CombinedLogger, o as ConsoleLogger, J as JSONSerializable, q as Literal, k as LogChatCompletionRequest, l as LogChatCompletionResponse, m as LogLevel, n as Logger, b as LoggerContext, N as NoopLogImplementation, z as ParsedTypeOfAIComponent, D as ParsedTypeOfRenderable, P as PropsOfAIComponent, s as RenderResult, v as Renderable, r as RenderableStream, g as RenderedConversationMessage, S as SystemMessage, U as UserMessage, x as attachedContextSymbol, h as computeUsage, c as createAIElement, d as createContext } from './createElement-jIxJ-zr7.js';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
-import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam } from 'openai/resources';
+import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam, ChatCompletionCreateParams } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
@@ -19,32 +19,45 @@ declare module '@gammatech/aijsx' {
         openai: OpenAIChatCompletionRequest;
     }
 }
-type UserMessageWithImagesProps = {
-    children: AINode;
-    images: {
-        url: string;
-        detail?: 'low' | 'high' | 'auto';
-    }[];
-};
-declare const UserMessageWithImages: AIComponent<UserMessageWithImagesProps>;
-type ValidOpenAIChatModel = 'gpt-4' | 'gpt-4-0314' | 'gpt-4-0613' | 'gpt-4-32k' | 'gpt-4-32k-0314' | 'gpt-4-32k-0613' | 'gpt-4-1106-preview' | 'gpt-3.5-turbo' | 'gpt-3.5-turbo-0301' | 'gpt-3.5-turbo-0613' | 'gpt-3.5-turbo-16k' | 'gpt-3.5-turbo-16k-0613' | 'gpt-3.5-turbo-1106' | 'gpt-4-vision-preview';
+type ValidOpenAIChatModel = 'gpt-4' | 'gpt-4-0314' | 'gpt-4-0613' | 'gpt-4-32k' | 'gpt-4-32k-0314' | 'gpt-4-32k-0613' | 'gpt-4-1106-preview' | 'gpt-3.5-turbo' | 'gpt-3.5-turbo-0301' | 'gpt-3.5-turbo-0613' | 'gpt-3.5-turbo-16k' | 'gpt-3.5-turbo-16k-0613' | 'gpt-3.5-turbo-1106';
 declare const OpenAIClientContext: Context<() => OpenAI>;
 type OpenAIChatCompletionProps = {
     model: ValidOpenAIChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    responseFormat?: ChatCompletionCreateParams.ResponseFormat['type'];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
 declare function OpenAIChatCompletion(props: OpenAIChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
+type ValidOpenAIVisionModel = 'gpt-4-vision-preview';
+declare const ContentTypeImage: (_props: {
+    url: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    detail?: 'auto' | 'high' | 'low';
+}) => null;
+type OpenAIVisionChatCompletionProps = {
+    model?: ValidOpenAIVisionModel;
+    maxTokens?: number;
+    temperature?: number;
+    children: AINode;
+    provider?: string;
+    providerRegion?: string;
+};
+declare function OpenAIVisionChatCompletion(props: OpenAIVisionChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
+
 declare const tokenizer: {
     encode: (text: string) => number[];
     decode: (tokens: number[]) => string;
 };
 declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | undefined;
-declare function tokenCountForChatMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
 type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
 declare module '@gammatech/aijsx' {
@@ -66,7 +79,7 @@ type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
@@ -79,4 +92,4 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIComponent, AIElement, AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, RenderContext, UserMessageWithImages, type ValidAnthropicChatModel, type ValidOpenAIChatModel, createRenderContext, defaultMaxTokens, tokenCountForChatMessage, tokenLimitForChatModel, tokenizer };
+export { AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, RenderContext, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createRenderContext, defaultMaxTokens, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer };