@tangle-network/agent-app 0.7.2 → 0.8.1

package/dist/chunk-5PTGEJZL.js

@@ -0,0 +1,236 @@
+// src/assets/schema.ts
+import { z } from "zod";
+var BrandTokensSchema = z.object({
+  primaryColor: z.string(),
+  accentColor: z.string(),
+  textColor: z.string(),
+  fontFamily: z.string(),
+  logoUrl: z.string().optional(),
+  businessName: z.string(),
+  voice: z.string()
+});
+var EmailHeroSectionSchema = z.object({
+  type: z.literal("hero"),
+  headline: z.string(),
+  subheadline: z.string().optional(),
+  imageUrl: z.string().optional(),
+  ctaLabel: z.string().optional(),
+  ctaUrl: z.string().optional()
+});
+var EmailBodySectionSchema = z.object({
+  type: z.literal("body"),
+  text: z.string()
+});
+var EmailFeatureSectionSchema = z.object({
+  type: z.literal("feature"),
+  headline: z.string(),
+  description: z.string(),
+  imageUrl: z.string().optional()
+});
+var EmailTestimonialSectionSchema = z.object({
+  type: z.literal("testimonial"),
+  quote: z.string(),
+  author: z.string(),
+  role: z.string().optional(),
+  avatarUrl: z.string().optional()
+});
+var EmailCtaSectionSchema = z.object({
+  type: z.literal("cta"),
+  label: z.string(),
+  url: z.string(),
+  subtext: z.string().optional()
+});
+var EmailDividerSectionSchema = z.object({
+  type: z.literal("divider")
+});
+var EmailSectionSchema = z.discriminatedUnion("type", [
+  EmailHeroSectionSchema,
+  EmailBodySectionSchema,
+  EmailFeatureSectionSchema,
+  EmailTestimonialSectionSchema,
+  EmailCtaSectionSchema,
+  EmailDividerSectionSchema
+]);
+var EmailContentSchema = z.object({
+  subject: z.string(),
+  preheader: z.string().optional(),
+  sections: z.array(EmailSectionSchema)
+});
+var ImageBackgroundSchema = z.discriminatedUnion("type", [
+  z.object({ type: z.literal("color"), value: z.string() }),
+  z.object({ type: z.literal("gradient"), from: z.string(), to: z.string(), direction: z.string().optional() }),
+  z.object({ type: z.literal("image"), url: z.string(), overlay: z.string().optional(), overlayOpacity: z.number().optional() })
+]);
+var ImageTextLayerSchema = z.object({
+  type: z.literal("text"),
+  text: z.string(),
+  fontSize: z.number().optional(),
+  fontWeight: z.enum(["normal", "bold"]).optional(),
+  color: z.string().optional(),
+  x: z.number(),
+  y: z.number(),
+  width: z.number().optional(),
+  align: z.enum(["left", "center", "right"]).optional()
+});
+var ImageImageLayerSchema = z.object({
+  type: z.literal("image"),
+  url: z.string(),
+  x: z.number(),
+  y: z.number(),
+  width: z.number(),
+  height: z.number(),
+  opacity: z.number().optional()
+});
+var ImageShapeLayerSchema = z.object({
+  type: z.literal("shape"),
+  shape: z.enum(["rect", "circle", "rounded-rect"]),
+  x: z.number(),
+  y: z.number(),
+  width: z.number(),
+  height: z.number(),
+  fill: z.string().optional(),
+  opacity: z.number().optional()
+});
+var ImageLogoLayerSchema = z.object({
+  type: z.literal("logo"),
+  x: z.number(),
+  y: z.number(),
+  width: z.number().optional()
+});
+var ImageLayerSchema = z.discriminatedUnion("type", [
+  ImageTextLayerSchema,
+  ImageImageLayerSchema,
+  ImageShapeLayerSchema,
+  ImageLogoLayerSchema
+]);
+var ImageSlideSchema = z.object({
+  background: ImageBackgroundSchema,
+  layers: z.array(ImageLayerSchema)
+});
+var ImageContentSchema = z.object({
+  slides: z.array(ImageSlideSchema).min(1)
+});
+var VideoTextAnimationSceneSchema = z.object({
+  type: z.literal("text-animation"),
+  durationSeconds: z.number().positive(),
+  headline: z.string(),
+  subtext: z.string().optional(),
+  animation: z.enum(["fade", "slide-up", "typewriter"]).optional(),
+  background: ImageBackgroundSchema.optional()
+});
+var VideoImageRevealSceneSchema = z.object({
+  type: z.literal("image-reveal"),
+  durationSeconds: z.number().positive(),
+  imageUrl: z.string(),
+  caption: z.string().optional()
+});
+var VideoSlideSceneSchema = z.object({
+  type: z.literal("slide"),
+  durationSeconds: z.number().positive(),
+  slide: ImageSlideSchema
+});
+var VideoCountdownSceneSchema = z.object({
+  type: z.literal("countdown"),
+  durationSeconds: z.number().positive(),
+  from: z.number().int().positive(),
+  label: z.string().optional()
+});
+var VideoSceneSchema = z.discriminatedUnion("type", [
+  VideoTextAnimationSceneSchema,
+  VideoImageRevealSceneSchema,
+  VideoSlideSceneSchema,
+  VideoCountdownSceneSchema
+]);
+var VideoCaptionSchema = z.object({
+  startSeconds: z.number().nonnegative(),
+  endSeconds: z.number().positive(),
+  text: z.string()
+});
+var VideoContentSchema = z.object({
+  durationSeconds: z.number().positive(),
+  scenes: z.array(VideoSceneSchema).min(1),
+  audioUrl: z.string().optional(),
+  captions: z.array(VideoCaptionSchema).optional(),
+  renderedUrl: z.string().optional()
+});
+var CopyContentSchema = z.object({
+  headline: z.string(),
+  body: z.string(),
+  hashtags: z.array(z.string()).optional(),
+  platform: z.enum(["instagram", "tiktok", "x", "linkedin", "sms", "email-subject"]),
+  characterCount: z.number().optional()
+});
+var ApprovalEventSchema = z.object({
+  assetId: z.string(),
+  variantId: z.string().optional(),
+  action: z.enum(["approved", "rejected", "edited", "scheduled"]),
+  editedFields: z.array(z.string()).optional(),
+  userId: z.string(),
+  timestamp: z.string()
+});
+var ConversionMetricsSchema = z.object({
+  impressions: z.number().nonnegative(),
+  clicks: z.number().nonnegative(),
+  conversions: z.number().nonnegative(),
+  ctr: z.number().nonnegative(),
+  cvr: z.number().nonnegative()
+});
+var AssetFormatValues = [
+  "email",
+  "image:feed",
+  "image:story",
+  "image:carousel",
+  "video:reel",
+  "video:feed",
+  "copy:caption",
+  "copy:headline",
+  "copy:sms"
+];
+var ContentSchemaByFormat = {
+  email: EmailContentSchema,
+  "image:feed": ImageContentSchema,
+  "image:story": ImageContentSchema,
+  "image:carousel": ImageContentSchema,
+  "video:reel": VideoContentSchema,
+  "video:feed": VideoContentSchema,
+  "copy:caption": CopyContentSchema,
+  "copy:headline": CopyContentSchema,
+  "copy:sms": CopyContentSchema
+};
+var AssetSpecBaseSchema = z.object({
+  id: z.string(),
+  workspaceId: z.string(),
+  campaignId: z.string().optional(),
+  format: z.enum(AssetFormatValues),
+  brand: BrandTokensSchema,
+  status: z.enum(["draft", "pending_review", "approved", "rejected", "scheduled", "published"]),
+  scheduledAt: z.string().optional(),
+  createdAt: z.string(),
+  updatedAt: z.string()
+});
+function parseAssetSpec(raw) {
+  const base = AssetSpecBaseSchema.parse(raw);
+  const contentSchema = ContentSchemaByFormat[base.format];
+  const content = contentSchema.parse(raw.content);
+  return { ...base, content };
+}
+function safeParseAssetSpec(raw) {
+  try {
+    return parseAssetSpec(raw);
+  } catch {
+    return null;
+  }
+}
+
+export {
+  BrandTokensSchema,
+  EmailContentSchema,
+  ImageContentSchema,
+  VideoContentSchema,
+  CopyContentSchema,
+  ApprovalEventSchema,
+  ConversionMetricsSchema,
+  parseAssetSpec,
+  safeParseAssetSpec
+};
+//# sourceMappingURL=chunk-5PTGEJZL.js.map

package/dist/chunk-5PTGEJZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/assets/schema.ts"],"sourcesContent":["import { z } from 'zod'\nimport type { AssetSpec, AssetFormat } from './types'\n\n// --- Brand ---\n\nexport const BrandTokensSchema = z.object({\n  primaryColor: z.string(),\n  accentColor: z.string(),\n  textColor: z.string(),\n  fontFamily: z.string(),\n  logoUrl: z.string().optional(),\n  businessName: z.string(),\n  voice: z.string(),\n})\n\n// --- Email ---\n\nconst EmailHeroSectionSchema = z.object({\n  type: z.literal('hero'),\n  headline: z.string(),\n  subheadline: z.string().optional(),\n  imageUrl: z.string().optional(),\n  ctaLabel: z.string().optional(),\n  ctaUrl: z.string().optional(),\n})\n\nconst EmailBodySectionSchema = z.object({\n  type: z.literal('body'),\n  text: z.string(),\n})\n\nconst EmailFeatureSectionSchema = z.object({\n  type: z.literal('feature'),\n  headline: z.string(),\n  description: z.string(),\n  imageUrl: z.string().optional(),\n})\n\nconst EmailTestimonialSectionSchema = z.object({\n  type: z.literal('testimonial'),\n  quote: z.string(),\n  author: z.string(),\n  role: z.string().optional(),\n  avatarUrl: z.string().optional(),\n})\n\nconst EmailCtaSectionSchema = z.object({\n  type: z.literal('cta'),\n  label: z.string(),\n  url: z.string(),\n  subtext: z.string().optional(),\n})\n\nconst EmailDividerSectionSchema = z.object({\n  type: z.literal('divider'),\n})\n\nconst EmailSectionSchema = z.discriminatedUnion('type', [\n  EmailHeroSectionSchema,\n  EmailBodySectionSchema,\n  EmailFeatureSectionSchema,\n  EmailTestimonialSectionSchema,\n  EmailCtaSectionSchema,\n  EmailDividerSectionSchema,\n])\n\nexport const EmailContentSchema = z.object({\n  subject: z.string(),\n  preheader: z.string().optional(),\n  sections: z.array(EmailSectionSchema),\n})\n\n// --- Image ---\n\nconst ImageBackgroundSchema = z.discriminatedUnion('type', [\n  z.object({ type: z.literal('color'), value: z.string() }),\n  z.object({ type: z.literal('gradient'), from: z.string(), to: z.string(), direction: z.string().optional() }),\n  z.object({ type: z.literal('image'), url: z.string(), overlay: z.string().optional(), overlayOpacity: z.number().optional() }),\n])\n\nconst ImageTextLayerSchema = z.object({\n  type: z.literal('text'),\n  text: z.string(),\n  fontSize: z.number().optional(),\n  fontWeight: z.enum(['normal', 'bold']).optional(),\n  color: z.string().optional(),\n  x: z.number(),\n  y: z.number(),\n  width: z.number().optional(),\n  align: z.enum(['left', 'center', 'right']).optional(),\n})\n\nconst ImageImageLayerSchema = z.object({\n  type: z.literal('image'),\n  url: z.string(),\n  x: z.number(),\n  y: z.number(),\n  width: z.number(),\n  height: z.number(),\n  opacity: z.number().optional(),\n})\n\nconst ImageShapeLayerSchema = z.object({\n  type: z.literal('shape'),\n  shape: z.enum(['rect', 'circle', 'rounded-rect']),\n  x: z.number(),\n  y: z.number(),\n  width: z.number(),\n  height: z.number(),\n  fill: z.string().optional(),\n  opacity: z.number().optional(),\n})\n\nconst ImageLogoLayerSchema = z.object({\n  type: z.literal('logo'),\n  x: z.number(),\n  y: z.number(),\n  width: z.number().optional(),\n})\n\nconst ImageLayerSchema = z.discriminatedUnion('type', [\n  ImageTextLayerSchema,\n  ImageImageLayerSchema,\n  ImageShapeLayerSchema,\n  ImageLogoLayerSchema,\n])\n\nconst ImageSlideSchema = z.object({\n  background: ImageBackgroundSchema,\n  layers: z.array(ImageLayerSchema),\n})\n\nexport const ImageContentSchema = z.object({\n  slides: z.array(ImageSlideSchema).min(1),\n})\n\n// --- Video ---\n\nconst VideoTextAnimationSceneSchema = z.object({\n  type: z.literal('text-animation'),\n  durationSeconds: z.number().positive(),\n  headline: z.string(),\n  subtext: z.string().optional(),\n  animation: z.enum(['fade', 'slide-up', 'typewriter']).optional(),\n  background: ImageBackgroundSchema.optional(),\n})\n\nconst VideoImageRevealSceneSchema = z.object({\n  type: z.literal('image-reveal'),\n  durationSeconds: z.number().positive(),\n  imageUrl: z.string(),\n  caption: z.string().optional(),\n})\n\nconst VideoSlideSceneSchema = z.object({\n  type: z.literal('slide'),\n  durationSeconds: z.number().positive(),\n  slide: ImageSlideSchema,\n})\n\nconst VideoCountdownSceneSchema = z.object({\n  type: z.literal('countdown'),\n  durationSeconds: z.number().positive(),\n  from: z.number().int().positive(),\n  label: z.string().optional(),\n})\n\nconst VideoSceneSchema = z.discriminatedUnion('type', [\n  VideoTextAnimationSceneSchema,\n  VideoImageRevealSceneSchema,\n  VideoSlideSceneSchema,\n  VideoCountdownSceneSchema,\n])\n\nconst VideoCaptionSchema = z.object({\n  startSeconds: z.number().nonnegative(),\n  endSeconds: z.number().positive(),\n  text: z.string(),\n})\n\nexport const VideoContentSchema = z.object({\n  durationSeconds: z.number().positive(),\n  scenes: z.array(VideoSceneSchema).min(1),\n  audioUrl: z.string().optional(),\n  captions: z.array(VideoCaptionSchema).optional(),\n  renderedUrl: z.string().optional(),\n})\n\n// --- Copy ---\n\nexport const CopyContentSchema = z.object({\n  headline: z.string(),\n  body: z.string(),\n  hashtags: z.array(z.string()).optional(),\n  platform: z.enum(['instagram', 'tiktok', 'x', 'linkedin', 'sms', 'email-subject']),\n  characterCount: z.number().optional(),\n})\n\n// --- Approval ---\n\nexport const ApprovalEventSchema = z.object({\n  assetId: z.string(),\n  variantId: z.string().optional(),\n  action: z.enum(['approved', 'rejected', 'edited', 'scheduled']),\n  editedFields: z.array(z.string()).optional(),\n  userId: z.string(),\n  timestamp: z.string(),\n})\n\nexport const ConversionMetricsSchema = z.object({\n  impressions: z.number().nonnegative(),\n  clicks: z.number().nonnegative(),\n  conversions: z.number().nonnegative(),\n  ctr: z.number().nonnegative(),\n  cvr: z.number().nonnegative(),\n})\n\n// --- Content map for discriminated parse ---\n\nconst AssetFormatValues = [\n  'email',\n  'image:feed',\n  'image:story',\n  'image:carousel',\n  'video:reel',\n  'video:feed',\n  'copy:caption',\n  'copy:headline',\n  'copy:sms',\n] as const\n\nconst ContentSchemaByFormat = {\n  email: EmailContentSchema,\n  'image:feed': ImageContentSchema,\n  'image:story': ImageContentSchema,\n  'image:carousel': ImageContentSchema,\n  'video:reel': VideoContentSchema,\n  'video:feed': VideoContentSchema,\n  'copy:caption': CopyContentSchema,\n  'copy:headline': CopyContentSchema,\n  'copy:sms': CopyContentSchema,\n} as const\n\nconst AssetSpecBaseSchema = z.object({\n  id: z.string(),\n  workspaceId: z.string(),\n  campaignId: z.string().optional(),\n  format: z.enum(AssetFormatValues),\n  brand: BrandTokensSchema,\n  status: z.enum(['draft', 'pending_review', 'approved', 'rejected', 'scheduled', 'published']),\n  scheduledAt: z.string().optional(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n})\n\n/**\n * Validates an unknown value as an AssetSpec, including format-specific\n * content validation. Throws ZodError on invalid input.\n */\nexport function parseAssetSpec(raw: unknown): AssetSpec {\n  const base = AssetSpecBaseSchema.parse(raw)\n  const contentSchema = ContentSchemaByFormat[base.format]\n  const content = contentSchema.parse((raw as Record<string, unknown>).content)\n  return { ...base, content } as AssetSpec\n}\n\n/**\n * Safe parse — returns null instead of throwing.\n */\nexport function safeParseAssetSpec(raw: unknown): AssetSpec | null {\n  try {\n    return parseAssetSpec(raw)\n  } catch {\n    return null\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -16,7 +16,9 @@ export { HubExecClient, HubExecClientOptions, HubExecErrorCode, HubExecResult, H
 export { CompleteMissionInput, CreateMissionInput, DEFAULT_MISSION_STEP_KINDS, InMemoryMissionStore, MISSION_CONTROL_CHANNEL_ID, MissionApprovalsPort, MissionAuditEvent, MissionConcurrencyError, MissionCostLedger, MissionEngine, MissionEngineOptions, MissionEventSink, MissionGateKind, MissionGateOptions, MissionGateProposal, MissionOutcome, MissionPlanRunOptions, MissionProposalResolution, MissionRecord, MissionService, MissionServiceOptions, MissionState, MissionStatus, MissionStep, MissionStepState, MissionStepStatus, MissionStorePort, MissionStreamEvent, MissionStreamStatus, MissionStreamStep, MissionStreamStepStatus, MissionUpdateGuard, MissionUpdatePatch, ParseMissionBlocksOptions, ParsedMission, ParsedMissionStep, PlanOutcome, RetryableStepError, SandboxDispatch, SandboxDispatchDoneResult, SandboxDispatchInProgressResult, SandboxDispatchInput, SandboxDispatchResult, SetStepStatusPatch, StepGateClassification, StepOutcome, applyMissionEvent, asMissionStreamEvent, budgetGateProposalId, buildAgentMissionPlan, createInMemoryMissionStore, createMissionEngine, createMissionService, isMissionStopRequested, isMissionTerminal, mergeMissionState, noopEventSink, parseMissionBlocks, parseSessionStreamEnvelope, reduceMissionEvents, stepGateProposalId, volumeGateProposalId } from './missions/index.js';
 export { CookieOptions, JsonObject, KvLike, RateLimitResult, RequestContext, SecurityHeaderOptions, addSecurityHeaders, checkRateLimit, clearCookieHeader, extractRequestContext, parseJsonObjectBody, readCookieValue, requireString, serializeCookie } from './web/index.js';
 export { BuildRedactedDocumentOptions, DEFAULT_REDACTION_PATTERNS, RedactForIngestionOptions, RedactedDocSegment, RedactedDocument, RedactionPattern, RedactionSpan, RevealResult, RevealSpanOptions, buildRedactedDocument, detectSpans, maskSpans, redactForIngestion, revealSpan } from './redact/index.js';
+export { ApprovalEvent, ApprovalEventSchema, AssetContentMap, AssetFormat, AssetSpec, AssetStatus, AssetVariant, BrandTokens, BrandTokensSchema, ConversionMetrics, ConversionMetricsSchema, CopyContent, CopyContentSchema, CopyPlatform, EmailBodySection, EmailContent, EmailContentSchema, EmailCtaSection, EmailDividerSection, EmailFeatureSection, EmailHeroSection, EmailSection, EmailTestimonialSection, ImageBackground, ImageContent, ImageContentSchema, ImageImageLayer, ImageLayer, ImageLayerType, ImageLogoLayer, ImageShapeLayer, ImageSlide, ImageTextLayer, VideoCaption, VideoContent, VideoContentSchema, VideoCountdownScene, VideoImageRevealScene, VideoScene, VideoSlideScene, VideoTextAnimationScene, parseAssetSpec, safeParseAssetSpec } from './assets/index.js';
 export { C as CatalogModel, M as ModelCatalog, R as RouterModel, _ as __resetCatalogCache, b as buildCatalog, f as fetchModelCatalog, n as normalizeModelId } from './model-catalog-BEAEVDaa.js';
 export { CompletionRequirement, CompletionVerdict, CorrectnessChecker, ProducedState, RuntimeEventLike, SatisfiedBy, TaskGold, createLlmCorrectnessChecker, extractProducedState, verifyCompletion, weightedComposite } from '@tangle-network/agent-eval';
 export { C as CreateTangleRouterModelConfigOptions, D as DEFAULT_TANGLE_BILLING_ENFORCEMENT_ENV_VAR, a as DEFAULT_TANGLE_ROUTER_BASE_URL, R as ResolveModelOptions, b as ResolveUserTangleExecutionKeyForUserOptions, c as ResolveUserTangleExecutionKeyOptions, d as ResolvedTangleExecutionKey, T as TangleBillingEnforcementOptions, e as TangleExecutionEnvironment, f as TangleExecutionKeyError, g as TangleExecutionKeyErrorCode, h as TangleExecutionKeyHttpError, i as TangleExecutionKeySource, j as TangleModelConfig, k as createTangleRouterModelConfig, l as isTangleBillingEnforcementDisabled, m as isTangleExecutionKeyError, r as resolveTangleExecutionEnvironment, n as resolveTangleModelConfig, o as resolveUserTangleExecutionKey, p as resolveUserTangleExecutionKeyForUser, t as tangleExecutionKeyHttpError } from './model-CKzniMMr.js';
 import '@tangle-network/agent-knowledge';
+import 'zod';

package/dist/index.js

@@ -38,6 +38,17 @@ import {
   redactForIngestion,
   revealSpan
 } from "./chunk-5RMIUJDI.js";
+import {
+  ApprovalEventSchema,
+  BrandTokensSchema,
+  ConversionMetricsSchema,
+  CopyContentSchema,
+  EmailContentSchema,
+  ImageContentSchema,
+  VideoContentSchema,
+  parseAssetSpec,
+  safeParseAssetSpec
+} from "./chunk-5PTGEJZL.js";
 import {
   createKnowledgeLoop,
   createReviewerDecider,
@@ -176,6 +187,10 @@ import {
 } from "./chunk-ZXNXAQAH.js";
 export {
   APP_TOOL_NAMES,
+  ApprovalEventSchema,
+  BrandTokensSchema,
+  ConversionMetricsSchema,
+  CopyContentSchema,
   DEFAULT_APP_TOOL_PATHS,
   DEFAULT_HARNESS,
   DEFAULT_HEADER_NAMES,
@@ -185,7 +200,9 @@ export {
   DEFAULT_TANGLE_ROUTER_BASE_URL,
   DELEGATION_MCP_SERVER_KEY,
   DELEGATION_TOOLS,
+  EmailContentSchema,
   HubExecClient,
+  ImageContentSchema,
   KNOWN_HARNESSES,
   MISSION_CONTROL_CHANNEL_ID,
   MissionConcurrencyError,
@@ -195,6 +212,7 @@ export {
   TURN_EVENTS_MIGRATION_SQL,
   TangleExecutionKeyError,
   ToolInputError,
+  VideoContentSchema,
   __resetCatalogCache,
   addSecurityHeaders,
   agentAppConfigJsonSchema,
@@ -281,6 +299,7 @@ export {
   normalizeTime,
   normalizeToolEvent,
   outcomeStatus,
+  parseAssetSpec,
   parseJsonObjectBody,
   parseMissionBlocks,
   parseSessionStreamEnvelope,
@@ -304,6 +323,7 @@ export {
   revealSpan,
   reviewCandidate,
   runAppToolLoop,
+  safeParseAssetSpec,
   serializeCookie,
   stepGateProposalId,
   streamAppToolLoop,

package/dist/web-react/index.d.ts

@@ -90,6 +90,35 @@ interface ProviderLogoProps {
 /** Real brand mark when we have one; tinted monogram otherwise. */
 declare function ProviderLogo({ provider, size }: ProviderLogoProps): ReactNode;
 
+/**
+ * Smooth text reveal — turns chunky network deltas into a continuous
+ * typewriter paint. Streamed turns arrive in 100-500ms slabs (model burst,
+ * flush windows, replay polls); revealing characters at an adaptive rate
+ * makes the same bytes read as top-tier streaming. The rate scales with the
+ * backlog so the reveal never falls behind the stream — it crawls when caught
+ * up and sprints when a burst lands (e.g. a reasoning summary arriving all at
+ * once still *types out* instead of popping in).
+ */
+interface SmoothRevealOptions {
+    /** Baseline reveal rate when nearly caught up. Default 90 chars/s. */
+    baseCharsPerSecond?: number;
+    /** Extra chars/s per backlog character — the catch-up pressure. Default 5. */
+    catchUpPerChar?: number;
+    /** Hard ceiling so giant bursts still animate. Default 2400 chars/s. */
+    maxCharsPerSecond?: number;
+}
+/** Pure reveal step: how many characters should be visible after `dtMs`.
+ *  Exposed for tests; the hook is a thin rAF wrapper around it. */
+declare function nextRevealCount(shown: number, targetLength: number, dtMs: number, opts?: SmoothRevealOptions): number;
+/**
+ * Animate `target` text into view. While `enabled`, the returned string grows
+ * smoothly toward `target` (which may itself keep growing); when `enabled` is
+ * false the full text returns immediately (history, completed turns). A
+ * target that is not an extension of the revealed prefix (new message) resets
+ * the reveal.
+ */
+declare function useSmoothText(target: string, enabled: boolean, opts?: SmoothRevealOptions): string;
+
 interface ChatMessageMetrics {
     modelUsed?: string;
     promptTokens?: number;
@@ -202,4 +231,4 @@ interface ProposalApprovalHandlers {
  */
 declare function ChatMessages({ messages, models, renderMarkdown, renderExtras, userLabel, agentLabel, loading, approval, onToolCallClick, }: ChatMessagesProps): react.JSX.Element;
 
-export { type ChatMessageMetrics, ChatMessages, type ChatMessagesProps, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ConsumeChatStreamResult, EffortPicker, type EffortPickerProps, ModelPicker, type ModelPickerProps, type ProposalApprovalHandlers, ProviderLogo, type ProviderLogoProps, RunDrillIn, type RunDrillInProps, type StreamChatOptions, type ToolRunRecord, type ToolRunStep, consumeChatStream, dispatchChatStreamLine, formatModelCost, formatTokensPerSecond, pendingApprovalOf, streamChatTurn };
+export { type ChatMessageMetrics, ChatMessages, type ChatMessagesProps, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ConsumeChatStreamResult, EffortPicker, type EffortPickerProps, ModelPicker, type ModelPickerProps, type ProposalApprovalHandlers, ProviderLogo, type ProviderLogoProps, RunDrillIn, type RunDrillInProps, type SmoothRevealOptions, type StreamChatOptions, type ToolRunRecord, type ToolRunStep, consumeChatStream, dispatchChatStreamLine, formatModelCost, formatTokensPerSecond, nextRevealCount, pendingApprovalOf, streamChatTurn, useSmoothText };

package/dist/web-react/index.js

@@ -1,5 +1,5 @@
 // src/web-react/index.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 
 // src/web-react/provider-logo.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -41,6 +41,46 @@ function ProviderLogo({ provider, size = 16 }) {
   ] });
 }
 
+// src/web-react/smooth-text.ts
+import { useEffect, useRef, useState } from "react";
+function nextRevealCount(shown, targetLength, dtMs, opts = {}) {
+  if (shown >= targetLength) return targetLength;
+  const base = opts.baseCharsPerSecond ?? 90;
+  const catchUp = opts.catchUpPerChar ?? 5;
+  const max = opts.maxCharsPerSecond ?? 2400;
+  const backlog = targetLength - shown;
+  const rate = Math.min(max, base + backlog * catchUp);
+  return Math.min(targetLength, shown + rate * dtMs / 1e3);
+}
+function useSmoothText(target, enabled, opts) {
+  const [, force] = useState(0);
+  const shownRef = useRef(0);
+  const lastTargetRef = useRef("");
+  if (!target.startsWith(lastTargetRef.current.slice(0, Math.floor(shownRef.current)))) {
+    shownRef.current = 0;
+  }
+  lastTargetRef.current = target;
+  if (!enabled) shownRef.current = target.length;
+  useEffect(() => {
+    if (!enabled) return;
+    let raf = 0;
+    let last = null;
+    const tick = (t) => {
+      const dt = last == null ? 16 : Math.min(t - last, 100);
+      last = t;
+      const targetLen = lastTargetRef.current.length;
+      if (shownRef.current < targetLen) {
+        shownRef.current = nextRevealCount(shownRef.current, targetLen, dt, opts);
+        force((n) => n + 1);
+      }
+      raf = requestAnimationFrame(tick);
+    };
+    raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [enabled]);
+  return target.slice(0, Math.floor(shownRef.current));
+}
+
 // src/web-react/chat-stream.ts
 function dispatchChatStreamLine(line, cb) {
   let receivedContent = false;
@@ -181,8 +221,8 @@ function SparkleGlyph({ className }) {
   return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1M7.7 16.3l-2.1 2.1" }) });
 }
 function useClickOutside(onOutside) {
-  const ref = useRef(null);
-  useEffect(() => {
+  const ref = useRef2(null);
+  useEffect2(() => {
     function handler(e) {
       if (ref.current && !ref.current.contains(e.target)) onOutside();
     }
@@ -246,11 +286,11 @@ function ModelRow({
   );
 }
 function ModelPicker({ value, onChange, models, loading, renderProviderBadge, recommendedLabel = "Recommended" }) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
+  const [open, setOpen] = useState2(false);
+  const [query, setQuery] = useState2("");
   const containerRef = useClickOutside(() => setOpen(false));
-  const inputRef = useRef(null);
-  useEffect(() => {
+  const inputRef = useRef2(null);
+  useEffect2(() => {
     if (open) inputRef.current?.focus();
   }, [open]);
   const selected = models.find((m) => m.id === value);
@@ -333,7 +373,7 @@ var EFFORT_LEVELS = [
   { id: "high", label: "High" }
 ];
 function EffortPicker({ value, onChange }) {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState2(false);
   const containerRef = useClickOutside(() => setOpen(false));
   const selected = EFFORT_LEVELS.find((l) => l.id === value) ?? EFFORT_LEVELS[2];
   return /* @__PURE__ */ jsxs2("div", { ref: containerRef, className: "relative inline-flex", children: [
@@ -466,6 +506,64 @@ function ToolChips({
     );
   }) });
 }
+function AssistantMessage({
+  msg,
+  streaming,
+  models,
+  agentLabel,
+  renderBody,
+  approval,
+  onToolCallClick,
+  renderExtras
+}) {
+  const content = useSmoothText(msg.content, streaming);
+  const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
+  const reasoningScrollRef = useRef2(null);
+  useEffect2(() => {
+    const el = reasoningScrollRef.current;
+    if (el && streaming && !content) el.scrollTop = el.scrollHeight;
+  }, [reasoning, streaming, content]);
+  return /* @__PURE__ */ jsxs2("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground/60", children: [
+      /* @__PURE__ */ jsx2("span", { className: "font-semibold uppercase", children: agentLabel }),
+      msg.modelUsed && /* @__PURE__ */ jsx2("span", { className: "font-mono normal-case", children: msg.modelUsed }),
+      formatTokensPerSecond(msg) && /* @__PURE__ */ jsx2("span", { children: formatTokensPerSecond(msg) }),
+      formatModelCost(msg, models) && /* @__PURE__ */ jsx2("span", { children: formatModelCost(msg, models) })
+    ] }),
+    reasoning && /* @__PURE__ */ jsxs2("details", { className: "mb-2 rounded-md border border-border/40 bg-muted/30 px-3 py-2", open: !content, children: [
+      /* @__PURE__ */ jsxs2("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
+        content ? "Thinking\u2026" : "Thinking",
+        !content && /* @__PURE__ */ jsx2("span", { className: "ml-1 inline-block animate-pulse", children: "\u25CF" })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { ref: reasoningScrollRef, className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-sm text-muted-foreground/80", children: reasoning })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "text-base leading-[1.75]", children: renderBody(content) }),
+    msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx2(
+      ToolChips,
+      {
+        toolCalls: msg.toolCalls,
+        approval,
+        onClick: onToolCallClick ? (tc) => onToolCallClick(tc, msg) : void 0
+      }
+    ),
+    renderExtras?.(msg)
+  ] });
+}
+function ThinkingRow({ agentLabel }) {
+  const [seconds, setSeconds] = useState2(0);
+  useEffect2(() => {
+    const id = setInterval(() => setSeconds((s) => s + 1), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsxs2("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
+    /* @__PURE__ */ jsx2("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/60", children: agentLabel }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
+      /* @__PURE__ */ jsx2("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
+      "Thinking",
+      seconds >= 3 ? ` \xB7 ${seconds}s` : "..."
+    ] })
+  ] });
+}
 function ChatMessages({
   messages,
   models = [],
@@ -484,46 +582,22 @@ function ChatMessages({
       (msg) => msg.role === "user" ? /* @__PURE__ */ jsx2("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "ml-auto w-fit max-w-[85%]", children: [
         /* @__PURE__ */ jsx2("p", { className: "mb-1 text-right text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/60", children: userLabel }),
         /* @__PURE__ */ jsx2("div", { className: "rounded-2xl rounded-tr-md bg-primary/10 px-4 py-2.5 text-base leading-relaxed", children: /* @__PURE__ */ jsx2("p", { className: "whitespace-pre-wrap", children: msg.content }) })
-      ] }) }, msg.id) : /* @__PURE__ */ jsxs2("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-baseline gap-2 text-[11px] tracking-wide text-muted-foreground/60", children: [
-          /* @__PURE__ */ jsx2("span", { className: "font-semibold uppercase", children: agentLabel }),
-          msg.modelUsed && /* @__PURE__ */ jsx2("span", { className: "font-mono normal-case", children: msg.modelUsed }),
-          formatTokensPerSecond(msg) && /* @__PURE__ */ jsx2("span", { children: formatTokensPerSecond(msg) }),
-          formatModelCost(msg, models) && /* @__PURE__ */ jsx2("span", { children: formatModelCost(msg, models) })
-        ] }),
-        msg.reasoning && /* @__PURE__ */ jsxs2(
-          "details",
-          {
-            className: "mb-2 rounded-md border border-border/40 bg-muted/30 px-3 py-2",
-            open: !msg.content,
-            children: [
-              /* @__PURE__ */ jsxs2("summary", { className: "cursor-pointer select-none text-xs font-medium text-muted-foreground", children: [
-                msg.content ? "Thinking\u2026" : "Thinking",
-                !msg.content && /* @__PURE__ */ jsx2("span", { className: "ml-1 inline-block animate-pulse", children: "\u25CF" })
-              ] }),
-              /* @__PURE__ */ jsx2("div", { className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-sm text-muted-foreground/80", children: msg.reasoning })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx2("div", { className: "text-base leading-[1.75]", children: renderBody(msg.content) }),
-        msg.toolCalls && msg.toolCalls.length > 0 && /* @__PURE__ */ jsx2(
-          ToolChips,
-          {
-            toolCalls: msg.toolCalls,
-            approval,
-            onClick: onToolCallClick ? (tc) => onToolCallClick(tc, msg) : void 0
-          }
-        ),
-        renderExtras?.(msg)
-      ] }, msg.id)
+      ] }) }, msg.id) : /* @__PURE__ */ jsx2(
+        AssistantMessage,
+        {
+          msg,
+          streaming: !!loading && msg.id === messages[messages.length - 1]?.id,
+          models,
+          agentLabel,
+          renderBody,
+          approval,
+          onToolCallClick,
+          renderExtras
+        },
+        msg.id
+      )
     ),
-    loading && lastIsUser && /* @__PURE__ */ jsxs2("div", { className: "mx-auto w-full max-w-3xl px-6 py-3", children: [
-      /* @__PURE__ */ jsx2("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground/60", children: agentLabel }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-base text-muted-foreground", children: [
-        /* @__PURE__ */ jsx2("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", strokeLinecap: "round" }) }),
-        "Thinking..."
-      ] })
-    ] })
+    loading && lastIsUser && /* @__PURE__ */ jsx2(ThinkingRow, { agentLabel })
   ] });
 }
 export {
@@ -536,7 +610,9 @@ export {
   dispatchChatStreamLine,
   formatModelCost,
   formatTokensPerSecond,
+  nextRevealCount,
   pendingApprovalOf,
-  streamChatTurn
+  streamChatTurn,
+  useSmoothText
 };
 //# sourceMappingURL=index.js.map