@tangle-network/ui 11.36.0 → 11.37.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @tangle-network/ui
 
+## 11.37.0
+
+### Minor Changes
+
+- c01503e: Share canonical syntax highlighting, exact-copy feedback and accessible code-tab behavior with Hono. Extend CodeBlock with language examples and request/response/error metadata; add API schema presentation without API-specific data.
+
+### Patch Changes
+
+- 6087148: Pin the shared surface motion runtime to the compatible maintained dependency chain so consumers can retain their existing package-age policies.
+  
+  Route Popover through the shared interruptible surface owner and apply the shared control transition to bare buttons.
+  
+  Restore native copy announcements on binding cleanup and omit orphaned tab relationships for a single example.
+
 ## 11.36.0
 
 ### Minor Changes

package/dist/code-presentation.d.ts

@@ -0,0 +1,2 @@
+import { ApiField, ApiMetadata, CodeExample, CopyFeedback, InteractionBudgets, TokenStyle, apiMetadataText, bindCodeTabs, bindCopyButton, codeBlockGrammar, codePreStyle, codePresentation, codeTextStyle, createCopyFeedback, highlightCode, interactionBudgets, schemaRows, writeClipboard } from "./lib/code-presentation.js";
+export { type ApiField, type ApiMetadata, type CodeExample, type CopyFeedback, type InteractionBudgets, type TokenStyle, apiMetadataText, bindCodeTabs, bindCopyButton, codeBlockGrammar, codePreStyle, codePresentation, codeTextStyle, createCopyFeedback, highlightCode, interactionBudgets, schemaRows, writeClipboard };

package/dist/code-presentation.js

@@ -0,0 +1,2 @@
+import { apiMetadataText, bindCodeTabs, bindCopyButton, codeBlockGrammar, codePreStyle, codePresentation, codeTextStyle, createCopyFeedback, highlightCode, interactionBudgets, schemaRows, writeClipboard } from "./lib/code-presentation.js";
+export { apiMetadataText, bindCodeTabs, bindCopyButton, codeBlockGrammar, codePreStyle, codePresentation, codeTextStyle, createCopyFeedback, highlightCode, interactionBudgets, schemaRows, writeClipboard };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import { FeedSegment, ToolCallData, ToolCallFeed, ToolCallFeedProps, parseToolEv
 import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem } from "./chat/agent-timeline.js";
 import { TRANSCRIPT_TEXT } from "./chat/transcript-text.js";
 import "./chat.js";
+import { codeBlockGrammar } from "./lib/code-presentation.js";
 import { ArtifactPane, ArtifactPaneProps } from "./primitives/artifact-pane.js";
 import { FileNode, FileTree, FileTreeProps, FileTreeVisibilityOptions, filterFileTree } from "./files/file-tree.js";
 import { RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars } from "./files/rich-file-tree.js";
@@ -84,7 +85,7 @@ import { TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine } from "./
 import { DropZone, DropZoneProps } from "./primitives/drop-zone.js";
 import { UploadFile, UploadProgress, UploadProgressProps } from "./primitives/upload-progress.js";
 import { SidebarDropZone, SidebarDropZoneProps } from "./primitives/sidebar-drop-zone.js";
-import { CodeBlock, CodeBlockProps, CopyButton, codeBlockGrammar } from "./markdown/code-block.js";
+import { CodeBlock, CodeBlockProps, CopyButton, CopyButtonProps } from "./markdown/code-block.js";
 import { InlineCode, InlineCodeProps } from "./primitives/code-block.js";
 import { ThemeToggle, useTheme } from "./primitives/theme-toggle.js";
 import { Heading, HeadingProps, HeadingVariant } from "./primitives/heading.js";
@@ -113,6 +114,7 @@ import { OpenUISchemaIssue, OpenUISchemaValidation, findUnsupportedOpenUINode, v
 import "./openui.js";
 import { fenceInfo } from "./markdown/code-meta.js";
 import { numericColumns, tableCsv } from "./markdown/markdown-table.js";
+import { ApiSchema, ApiSchemaProps } from "./markdown/api-schema.js";
 import "./markdown.js";
 import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores/chat-store.js";
 import "./types.js";
@@ -132,4 +134,4 @@ import { QuestionPreview, QuestionPreviewProps } from "./tool-previews/question-
 import { DiffPreview, DiffPreviewProps } from "./tool-previews/diff-preview.js";
 import { RedactedDocSegment, RedactedDocument, RedactedDocumentData, RedactedDocumentProps, RevealResult } from "./redaction/redacted-document.js";
 import "./redaction.js";
-export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, AgentBranding, AgentStreamEvent, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTone, AppendUserMessageOptions, ApplySdkEventOptions, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ArtifactPane, type ArtifactPaneProps, AuthHeader, type AuthHeaderProps, AuthUser, AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BeginAssistantMessageOptions, BotStreamEvent, Button, type ButtonProps, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, type CalendarDate, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CategoryTone, ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, Checkbox, Chip, type ChipProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, type CommandPreviewProps, CompleteAssistantMessageOptions, ConnectionState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CustomToolRenderer, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, type DiffPreviewProps, DisplayVariant, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, FileArtifactPane, type FileArtifactPaneProps, FileCard, type FileCardProps, type FileDetails, type FileFormat, FileList, type FileListItem, type FileListProps, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, type FileUploader, FilterField, type FilterFieldProps, FinalTextPart, GitHubLoginButton, type GitHubLoginButtonProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, GroupedMessage, Heading, type HeadingProps, type HeadingVariant, HelpText, type HelpTextProps, IconTile, type IconTileProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownLinkChip, type MarkdownLinkChipResolver, type MarkdownProps, MessageAuthor, type MessageAuthorProps, MessageList, type MessageListProps, type MessageRole, MessageRun, MessageUser, Metric, type MetricProps, MetricStrip, type MetricStripProps, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, Pagination, type PaginationProps, PdfViewer, type PdfViewerConfig, type PdfViewerProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, type QuestionPreviewProps, RadioGroup, RadioGroupItem, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, ReasoningPart, type RedactedDocSegment, RedactedDocument, type RedactedDocumentData, type RedactedDocumentProps, RegisterActiveSessionOptions, type RevealResult, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, Run, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, RunStats, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SessionMessage, SessionPart, SessionProjectKey, type SessionUser, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TangleKnot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, TaskStreamEvent, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TerminalStreamEvent, TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, TimeSelect, type TimeSelectProps, type Toast, ToastContainer, ToastProvider, type Tone, type ToneClasses, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadFile, UploadProgress, type UploadProgressProps, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, UserMenu, type UserMenuProps, UserMessage, type UserMessageProps, WebSearchPreview, type WebSearchPreviewProps, WriteFilePreview, type WriteFilePreviewProps, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useProjectActivity, useProjectSessions, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionsByActivity, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };
+export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, AgentBranding, AgentStreamEvent, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTone, ApiSchema, type ApiSchemaProps, AppendUserMessageOptions, ApplySdkEventOptions, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ArtifactPane, type ArtifactPaneProps, AuthHeader, type AuthHeaderProps, AuthUser, AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BeginAssistantMessageOptions, BotStreamEvent, Button, type ButtonProps, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, type CalendarDate, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CategoryTone, ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, Checkbox, Chip, type ChipProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, type CommandPreviewProps, CompleteAssistantMessageOptions, ConnectionState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CopyButtonProps, CustomToolRenderer, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, type DiffPreviewProps, DisplayVariant, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, FileArtifactPane, type FileArtifactPaneProps, FileCard, type FileCardProps, type FileDetails, type FileFormat, FileList, type FileListItem, type FileListProps, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, type FileUploader, FilterField, type FilterFieldProps, FinalTextPart, GitHubLoginButton, type GitHubLoginButtonProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, GroupedMessage, Heading, type HeadingProps, type HeadingVariant, HelpText, type HelpTextProps, IconTile, type IconTileProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownLinkChip, type MarkdownLinkChipResolver, type MarkdownProps, MessageAuthor, type MessageAuthorProps, MessageList, type MessageListProps, type MessageRole, MessageRun, MessageUser, Metric, type MetricProps, MetricStrip, type MetricStripProps, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, Pagination, type PaginationProps, PdfViewer, type PdfViewerConfig, type PdfViewerProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, type QuestionPreviewProps, RadioGroup, RadioGroupItem, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, ReasoningPart, type RedactedDocSegment, RedactedDocument, type RedactedDocumentData, type RedactedDocumentProps, RegisterActiveSessionOptions, type RevealResult, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, Run, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, RunStats, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SessionMessage, SessionPart, SessionProjectKey, type SessionUser, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TangleKnot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, TaskStreamEvent, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TerminalStreamEvent, TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, TimeSelect, type TimeSelectProps, type Toast, ToastContainer, ToastProvider, type Tone, type ToneClasses, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadFile, UploadProgress, type UploadProgressProps, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, UserMenu, type UserMenuProps, UserMessage, type UserMessageProps, WebSearchPreview, type WebSearchPreviewProps, WriteFilePreview, type WriteFilePreviewProps, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useProjectActivity, useProjectSessions, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionsByActivity, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/index.js

@@ -41,7 +41,8 @@ import { DropZone } from "./primitives/drop-zone.js";
 import { UploadProgress } from "./primitives/upload-progress.js";
 import { SidebarDropZone } from "./primitives/sidebar-drop-zone.js";
 import { ArtifactPane } from "./primitives/artifact-pane.js";
-import { CodeBlock, CopyButton, codeBlockGrammar } from "./markdown/code-block.js";
+import { codeBlockGrammar } from "./lib/code-presentation.js";
+import { CodeBlock, CopyButton } from "./markdown/code-block.js";
 import { InlineCode } from "./primitives/code-block.js";
 import { ThemeToggle, useTheme } from "./primitives/theme-toggle.js";
 import { PageShell } from "./primitives/page-shell.js";
@@ -102,6 +103,7 @@ import { CSV_PREVIEW_ROW_LIMIT, FilePreview, parseCsv } from "./files/file-previ
 import { FileList } from "./files/file-list.js";
 import { FileTabs } from "./files/file-tabs.js";
 import { FileArtifactPane } from "./files/file-artifact-pane.js";
+import { ApiSchema } from "./markdown/api-schema.js";
 import { AuthHeader, GitHubLoginButton, UserMenu } from "./auth/auth.js";
 import { LoginLayout } from "./auth/login-layout.js";
 import { useDropdownMenu } from "./hooks/use-dropdown-menu.js";
@@ -116,4 +118,4 @@ import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMap
 import { copyText } from "./utils/copy-text.js";
 import { timeAgo } from "./utils/time-ago.js";
 import { RedactedDocument } from "./redaction/redacted-document.js";
-export { AgentTimeline, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApprovalCard, ApprovalDiffSummary, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ExpandedToolDetail, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, Heading, HelpText, IconTile, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageAuthor, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, PageShell, Pagination, PdfViewer, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, RadioGroup, RadioGroupItem, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, StatusPill, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TangleKnot, TaskList, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, TimeSelect, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useProjectActivity, useProjectSessions, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionsByActivity, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };
+export { AgentTimeline, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiSchema, ApprovalCard, ApprovalDiffSummary, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ExpandedToolDetail, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, Heading, HelpText, IconTile, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageAuthor, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, PageShell, Pagination, PdfViewer, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, RadioGroup, RadioGroupItem, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, StatusPill, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TangleKnot, TaskList, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, TimeSelect, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useProjectActivity, useProjectSessions, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionsByActivity, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/lib/code-presentation.d.ts

@@ -0,0 +1,92 @@
+import "shiki/core";
+//#region src/lib/code-presentation.d.ts
+export declare function codeBlockGrammar(language: string | undefined): string | undefined;
+export interface TokenStyle {
+  color?: string;
+  fontStyle?: "italic";
+  fontWeight?: "bold";
+  textDecoration?: "underline";
+}
+export declare const codePreStyle: {
+  readonly margin: 0;
+  readonly padding: "var(--code-padding-y, 0.625rem) var(--code-padding-x, 0.75rem)";
+  readonly background: "transparent";
+  readonly color: "var(--syntax-foreground, currentColor)";
+  readonly fontSize: "var(--code-font-size, 0.8125rem)";
+  readonly lineHeight: "var(--code-line-height, 1.5)";
+  readonly overflowX: "auto";
+};
+export declare const codeTextStyle: {
+  readonly fontFamily: "var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)";
+  readonly whiteSpace: "pre";
+};
+export declare const codePresentation: {
+  tabs: string;
+  tab: "inline-flex items-center justify-center whitespace-nowrap rounded-t-md pb-3 text-sm font-medium [transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0 disabled:pointer-events-none disabled:opacity-50 border-b-2 border-transparent data-[state=inactive]:text-muted-foreground hover:shadow-[inset_0_-2px_0_hsl(var(--hsl-ring)/0.4)] data-[state=active]:bg-[hsl(var(--hsl-ring)/0.07)] data-[state=active]:text-[var(--accent-text)] data-[state=active]:shadow-[inset_0_-2px_0_var(--ix-sel-ring)] aria-checked:bg-[hsl(var(--hsl-ring)/0.07)] aria-checked:text-[var(--accent-text)] aria-checked:shadow-[inset_0_-2px_0_var(--ix-sel-ring)]";
+  root: string;
+  header: string;
+  copy: string;
+  copyStatus: string;
+};
+export interface CodeExample {
+  label: string;
+  code: string;
+  language?: string;
+  filename?: string;
+}
+export interface ApiMetadata {
+  kind: "request" | "response" | "error";
+  method?: string;
+  status?: number;
+  contentType?: string;
+}
+export declare const apiMetadataText: (meta: ApiMetadata) => string;
+/** Same lazy grammar/token model for React, Hono SSR and static renderers. */
+export declare function highlightCode(code: string, language?: string): Promise<{
+  content: string;
+  style: TokenStyle | undefined;
+}[][]>;
+/** Legacy fallback is used only when the modern clipboard API is absent. */
+export declare function writeClipboard(text: string): Promise<void>;
+export interface InteractionBudgets {
+  feedback?: number;
+  pending?: number;
+  longWork?: number;
+  mutation?: number;
+}
+/** Resolve scoped Brand times, including calc(), without duplicating token values. */
+export declare function interactionBudgets(scope: HTMLElement): InteractionBudgets;
+export interface CopyFeedback {
+  copied: boolean;
+  status: string;
+  pending: boolean;
+  loading?: boolean;
+  longRunning?: boolean;
+  elapsedMs?: number;
+  measurement?: {
+    elapsedMs: number;
+    feedbackMs: number;
+    budgets: InteractionBudgets;
+    mutationBudgetExceeded: boolean | undefined;
+  };
+}
+/** Owns one accepted write, scoped delays and cleanup for both renderers. */
+export declare function createCopyFeedback(change: (state: CopyFeedback) => void, write?: (text: string) => Promise<void>, scope?: HTMLElement): {
+  copy(text: string): Promise<void>;
+  dispose(): void;
+};
+export declare function bindCopyButton(button: HTMLButtonElement, status: HTMLElement, text: () => string): () => void;
+/** Native tabs adapter. The consumer owns labels, IDs and escaped panel content. */
+export declare function bindCodeTabs(list: HTMLElement, onSelect?: (index: number) => void): () => void;
+export interface ApiField {
+  name: string;
+  type: string;
+  description?: string;
+  required?: boolean;
+  children?: readonly ApiField[];
+}
+export declare function schemaRows(fields: readonly ApiField[], parent?: string, depth?: number): Array<ApiField & {
+  path: string;
+  depth: number;
+}>;
+//#endregion

package/dist/lib/code-presentation.js

@@ -0,0 +1,437 @@
+import { tabsPresentation } from "../presentation.js";
+//#region src/lib/code-presentation.ts
+const SYNTAX = {
+	comment: "var(--syntax-comment, currentColor)",
+	keyword: "var(--syntax-keyword, currentColor)",
+	string: "var(--syntax-string, currentColor)",
+	function: "var(--syntax-function, currentColor)",
+	number: "var(--syntax-number, currentColor)",
+	variable: "var(--syntax-variable, currentColor)",
+	foreground: "var(--syntax-foreground, currentColor)"
+};
+const SHIKI_THEME = "tangle-syntax";
+const BRAND_COLOR_FOR_SHIKI = {
+	"var(--shiki-foreground)": SYNTAX.foreground,
+	"var(--shiki-token-comment)": SYNTAX.comment,
+	"var(--shiki-token-keyword)": SYNTAX.keyword,
+	"var(--shiki-token-string)": SYNTAX.string,
+	"var(--shiki-token-string-expression)": SYNTAX.string,
+	"var(--shiki-token-function)": SYNTAX.function,
+	"var(--shiki-token-constant)": SYNTAX.number,
+	"var(--shiki-token-link)": SYNTAX.number,
+	"var(--shiki-token-parameter)": SYNTAX.variable,
+	"var(--shiki-token-punctuation)": SYNTAX.foreground
+};
+const GRAMMARS = {
+	typescript: () => import("shiki/langs/typescript.mjs"),
+	tsx: () => import("shiki/langs/tsx.mjs"),
+	javascript: () => import("shiki/langs/javascript.mjs"),
+	jsx: () => import("shiki/langs/jsx.mjs"),
+	json: () => import("shiki/langs/json.mjs"),
+	jsonc: () => import("shiki/langs/jsonc.mjs"),
+	bash: () => import("shiki/langs/bash.mjs"),
+	python: () => import("shiki/langs/python.mjs"),
+	html: () => import("shiki/langs/html.mjs"),
+	css: () => import("shiki/langs/css.mjs"),
+	scss: () => import("shiki/langs/scss.mjs"),
+	markdown: () => import("shiki/langs/markdown.mjs"),
+	mdx: () => import("shiki/langs/mdx.mjs"),
+	yaml: () => import("shiki/langs/yaml.mjs"),
+	toml: () => import("shiki/langs/toml.mjs"),
+	sql: () => import("shiki/langs/sql.mjs"),
+	diff: () => import("shiki/langs/diff.mjs"),
+	go: () => import("shiki/langs/go.mjs"),
+	rust: () => import("shiki/langs/rust.mjs"),
+	solidity: () => import("shiki/langs/solidity.mjs"),
+	ruby: () => import("shiki/langs/ruby.mjs"),
+	java: () => import("shiki/langs/java.mjs"),
+	kotlin: () => import("shiki/langs/kotlin.mjs"),
+	swift: () => import("shiki/langs/swift.mjs"),
+	php: () => import("shiki/langs/php.mjs"),
+	c: () => import("shiki/langs/c.mjs"),
+	cpp: () => import("shiki/langs/cpp.mjs"),
+	csharp: () => import("shiki/langs/csharp.mjs"),
+	graphql: () => import("shiki/langs/graphql.mjs"),
+	xml: () => import("shiki/langs/xml.mjs"),
+	dockerfile: () => import("shiki/langs/dockerfile.mjs")
+};
+const LANGUAGE_ALIASES = {
+	ts: "typescript",
+	mts: "typescript",
+	cts: "typescript",
+	js: "javascript",
+	mjs: "javascript",
+	cjs: "javascript",
+	node: "javascript",
+	sh: "bash",
+	shell: "bash",
+	zsh: "bash",
+	console: "bash",
+	shellscript: "bash",
+	py: "python",
+	python3: "python",
+	yml: "yaml",
+	md: "markdown",
+	rs: "rust",
+	sol: "solidity",
+	rb: "ruby",
+	kt: "kotlin",
+	cs: "csharp",
+	"c#": "csharp",
+	"c++": "cpp",
+	gql: "graphql",
+	svg: "xml",
+	docker: "dockerfile",
+	patch: "diff",
+	htm: "html"
+};
+const LANGUAGE_NAMES = {
+	typescript: "TypeScript",
+	tsx: "TSX",
+	javascript: "JavaScript",
+	jsx: "JSX",
+	json: "JSON",
+	jsonc: "JSONC",
+	bash: "Bash",
+	python: "Python",
+	html: "HTML",
+	css: "CSS",
+	scss: "SCSS",
+	markdown: "Markdown",
+	mdx: "MDX",
+	yaml: "YAML",
+	toml: "TOML",
+	sql: "SQL",
+	diff: "Diff",
+	go: "Go",
+	rust: "Rust",
+	solidity: "Solidity",
+	ruby: "Ruby",
+	java: "Java",
+	kotlin: "Kotlin",
+	swift: "Swift",
+	php: "PHP",
+	c: "C",
+	cpp: "C++",
+	csharp: "C#",
+	graphql: "GraphQL",
+	xml: "XML",
+	dockerfile: "Dockerfile"
+};
+/** The Shiki grammar for a fence language, or undefined for plain text. */
+const PLAIN_TEXT = /* @__PURE__ */ new Set([
+	"text",
+	"txt",
+	"plain",
+	"plaintext"
+]);
+function codeBlockGrammar(language) {
+	if (!language) return void 0;
+	const id = language.toLowerCase();
+	const resolved = LANGUAGE_ALIASES[id] ?? id;
+	return GRAMMARS[resolved] ? resolved : void 0;
+}
+let highlighterPromise;
+const grammarLoads = /* @__PURE__ */ new Map();
+function loadHighlighter() {
+	return highlighterPromise ??= Promise.all([import("shiki/core"), import("shiki/engine/javascript")]).then(([core, engine]) => core.createHighlighterCore({
+		themes: [core.createCssVariablesTheme({
+			name: SHIKI_THEME,
+			variablePrefix: "--shiki-",
+			fontStyle: true
+		})],
+		langs: [],
+		engine: engine.createJavaScriptRegexEngine()
+	})).catch((error) => {
+		highlighterPromise = void 0;
+		throw error;
+	});
+}
+async function tokenize(code, grammar) {
+	const highlighter = await loadHighlighter();
+	let load = grammarLoads.get(grammar);
+	if (!load) {
+		load = GRAMMARS[grammar]().then((module) => highlighter.loadLanguage(module.default));
+		load.catch(() => grammarLoads.delete(grammar));
+		grammarLoads.set(grammar, load);
+	}
+	await load;
+	return highlighter.codeToTokensBase(code, {
+		lang: grammar,
+		theme: SHIKI_THEME
+	});
+}
+function tokenStyle(token) {
+	const color = token.color ? BRAND_COLOR_FOR_SHIKI[token.color] ?? SYNTAX.foreground : void 0;
+	const style = token.fontStyle ?? 0;
+	if (!color && !style) return void 0;
+	return {
+		...color ? { color } : {},
+		...style & 1 ? { fontStyle: "italic" } : {},
+		...style & 2 ? { fontWeight: "bold" } : {},
+		...style & 4 ? { textDecoration: "underline" } : {}
+	};
+}
+const codePreStyle = {
+	margin: 0,
+	padding: "var(--code-padding-y, 0.625rem) var(--code-padding-x, 0.75rem)",
+	background: "transparent",
+	color: SYNTAX.foreground,
+	fontSize: "var(--code-font-size, 0.8125rem)",
+	lineHeight: "var(--code-line-height, 1.5)",
+	overflowX: "auto"
+};
+const codeTextStyle = {
+	fontFamily: "var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)",
+	whiteSpace: "pre"
+};
+const codePresentation = {
+	tabs: `tangle-code-tabs ${tabsPresentation.list.underline}`,
+	tab: tabsPresentation.trigger.underline,
+	root: "group relative min-w-0 overflow-hidden rounded-lg border font-mono bg-card border-border",
+	header: "flex flex-wrap items-center justify-between gap-3 border-b border-border px-3 py-1.5 bg-[var(--code-header-bg,hsl(var(--background)))]",
+	copy: "flex items-center justify-center min-w-8 min-h-8 pointer-coarse:min-w-11 pointer-coarse:min-h-11 rounded-md bg-muted border border-border hover:border-[var(--border-strong)] transition-colors data-[copy-loading=true]:after:content-['…'] data-[copy-loading=true]:gap-1",
+	copyStatus: "sr-only data-[copy-long-work=true]:not-sr-only data-[copy-long-work=true]:text-xs data-[copy-long-work=true]:text-muted-foreground"
+};
+const apiMetadataText = (meta) => [
+	meta.kind,
+	meta.method,
+	meta.status,
+	meta.contentType
+].filter((v) => v !== void 0).join(" · ");
+/** Same lazy grammar/token model for React, Hono SSR and static renderers. */
+async function highlightCode(code, language) {
+	const grammar = codeBlockGrammar(language);
+	if (!grammar) return code.split("\n").map((content) => [{
+		content,
+		style: void 0
+	}]);
+	return (await tokenize(code, grammar)).map((line) => line.map((token) => ({
+		content: token.content,
+		style: tokenStyle(token)
+	})));
+}
+/** Legacy fallback is used only when the modern clipboard API is absent. */
+async function writeClipboard(text) {
+	if (navigator.clipboard?.writeText) {
+		await navigator.clipboard.writeText(text);
+		return;
+	}
+	const active = document.activeElement, selection = document.getSelection();
+	const ranges = selection ? Array.from({ length: selection.rangeCount }, (_, i) => selection.getRangeAt(i).cloneRange()) : [];
+	const field = document.createElement("textarea");
+	field.value = text;
+	field.readOnly = true;
+	field.tabIndex = -1;
+	field.setAttribute("aria-hidden", "true");
+	field.style.position = "fixed";
+	field.style.left = "-9999px";
+	document.body.append(field);
+	try {
+		field.select();
+		if (!document.execCommand?.("copy")) throw Error("Clipboard unavailable");
+	} finally {
+		field.remove();
+		active?.focus({ preventScroll: true });
+		if (selection) {
+			selection.removeAllRanges();
+			for (const range of ranges) selection.addRange(range);
+		}
+	}
+}
+const COPY_FEEDBACK_MS = 2e3;
+/** Resolve scoped Brand times, including calc(), without duplicating token values. */
+function interactionBudgets(scope) {
+	const view = scope.ownerDocument.defaultView;
+	if (!view) return {};
+	const probe = scope.ownerDocument.createElement("i");
+	probe.hidden = true;
+	scope.append(probe);
+	const read = (role) => {
+		const name = `--interaction-${role}`;
+		if (!view.getComputedStyle(scope).getPropertyValue(name).trim()) return void 0;
+		probe.style.animationDuration = `var(${name})`;
+		const time = /^(\d+(?:\.\d+)?)(ms|s)$/.exec(view.getComputedStyle(probe).animationDuration);
+		return time ? Number(time[1]) * (time[2] === "s" ? 1e3 : 1) : void 0;
+	};
+	try {
+		return {
+			feedback: read("feedback-budget"),
+			pending: read("pending-delay"),
+			longWork: read("long-work-delay"),
+			mutation: read("mutation-budget")
+		};
+	} finally {
+		probe.remove();
+	}
+}
+/** Owns one accepted write, scoped delays and cleanup for both renderers. */
+function createCopyFeedback(change, write = writeClipboard, scope) {
+	let disposed = false, pending = false, timer;
+	let delays = [], elapsed;
+	const clearPending = () => {
+		for (const delay of delays) clearTimeout(delay);
+		delays = [];
+		if (elapsed) clearInterval(elapsed);
+		elapsed = void 0;
+	};
+	return {
+		async copy(text) {
+			if (disposed || pending) return;
+			const started = performance.now(), budgets = scope ? interactionBudgets(scope) : {};
+			pending = true;
+			if (timer) clearTimeout(timer);
+			let loading = budgets.pending === void 0, longRunning = false;
+			const announce = () => {
+				const elapsedMs = performance.now() - started;
+				change({
+					copied: false,
+					pending: true,
+					loading,
+					longRunning,
+					elapsedMs,
+					status: longRunning ? `Copying · ${Math.floor(elapsedMs / 1e3)}s elapsed. Time remaining unknown. Cannot cancel this clipboard write; waiting for confirmation.` : "Copying to clipboard"
+				});
+			};
+			announce();
+			const feedbackMs = performance.now() - started;
+			if (budgets.pending !== void 0) delays.push(setTimeout(() => {
+				loading = true;
+				announce();
+			}, budgets.pending));
+			if (budgets.longWork !== void 0) delays.push(setTimeout(() => {
+				longRunning = true;
+				announce();
+				elapsed = setInterval(announce, 1e3);
+			}, budgets.longWork));
+			let copied;
+			try {
+				await write(text);
+				copied = true;
+			} catch {
+				copied = false;
+			}
+			pending = false;
+			clearPending();
+			if (disposed) return;
+			const elapsedMs = performance.now() - started;
+			change({
+				copied,
+				status: copied ? "Copied to clipboard" : "Copy failed",
+				pending: false,
+				measurement: {
+					elapsedMs,
+					feedbackMs,
+					budgets,
+					mutationBudgetExceeded: budgets.mutation === void 0 ? void 0 : elapsedMs > budgets.mutation
+				}
+			});
+			timer = setTimeout(() => {
+				if (!disposed) change({
+					copied: false,
+					status: "",
+					pending: false
+				});
+			}, COPY_FEEDBACK_MS);
+		},
+		dispose() {
+			disposed = true;
+			clearPending();
+			if (timer) clearTimeout(timer);
+		}
+	};
+}
+function bindCopyButton(button, status, text) {
+	const previous = {
+		label: button.getAttribute("aria-label"),
+		status: status.textContent,
+		disabled: button.getAttribute("aria-disabled"),
+		busy: button.getAttribute("aria-busy"),
+		loading: button.getAttribute("data-copy-loading"),
+		long: status.getAttribute("data-copy-long-work")
+	};
+	const restore = (element, name, value) => {
+		if (value === null) element.removeAttribute(name);
+		else element.setAttribute(name, value);
+	};
+	const feedback = createCopyFeedback((state) => {
+		status.textContent = state.status;
+		status.setAttribute("data-copy-long-work", String(!!state.longRunning));
+		button.setAttribute("data-copy-loading", String(!!state.loading));
+		button.setAttribute("aria-label", state.pending ? "Copying to clipboard" : state.copied ? "Copied" : "Copy to clipboard");
+		if (state.pending) {
+			button.setAttribute("aria-disabled", "true");
+			button.setAttribute("aria-busy", "true");
+		} else {
+			restore(button, "aria-disabled", previous.disabled);
+			restore(button, "aria-busy", previous.busy);
+		}
+	}, writeClipboard, button);
+	const click = () => {
+		if (!button.disabled && button.getAttribute("aria-disabled") !== "true") feedback.copy(text());
+	};
+	button.addEventListener("click", click);
+	return () => {
+		button.removeEventListener("click", click);
+		feedback.dispose();
+		restore(button, "aria-label", previous.label);
+		status.textContent = previous.status;
+		restore(button, "aria-disabled", previous.disabled);
+		restore(button, "aria-busy", previous.busy);
+		restore(button, "data-copy-loading", previous.loading);
+		restore(status, "data-copy-long-work", previous.long);
+	};
+}
+/** Native tabs adapter. The consumer owns labels, IDs and escaped panel content. */
+function bindCodeTabs(list, onSelect) {
+	const buttons = () => [...list.querySelectorAll("[role=\"tab\"]")];
+	const select = (index, focus) => {
+		const tabs = buttons(), tab = tabs[index];
+		if (!tab) return;
+		for (const panel of new Set(tabs.map((t) => document.getElementById(t.getAttribute("aria-controls") ?? "")))) if (panel) panel.hidden = true;
+		tabs.forEach((t, i) => {
+			t.setAttribute("aria-selected", String(i === index));
+			t.dataset.state = i === index ? "active" : "inactive";
+			t.tabIndex = i === index ? 0 : -1;
+		});
+		const panel = document.getElementById(tab.getAttribute("aria-controls") ?? "");
+		if (panel) {
+			panel.hidden = false;
+			panel.setAttribute("aria-labelledby", tab.id);
+		}
+		if (focus) tab.focus();
+		onSelect?.(index);
+	};
+	const click = (event) => {
+		const tab = event.target.closest("[role=\"tab\"]");
+		const index = buttons().findIndex((t) => t === tab);
+		if (index >= 0) select(index, false);
+	};
+	const key = (event) => {
+		const tabs = buttons(), current = tabs.findIndex((t) => t === document.activeElement);
+		if (current < 0) return;
+		const next = event.key === "Home" ? 0 : event.key === "End" ? tabs.length - 1 : event.key === "ArrowRight" ? (current + 1) % tabs.length : event.key === "ArrowLeft" ? (current + tabs.length - 1) % tabs.length : void 0;
+		if (next !== void 0) {
+			event.preventDefault();
+			select(next, true);
+		}
+	};
+	list.addEventListener("click", click);
+	list.addEventListener("keydown", key);
+	return () => {
+		list.removeEventListener("click", click);
+		list.removeEventListener("keydown", key);
+	};
+}
+function schemaRows(fields, parent = "", depth = 0) {
+	return fields.flatMap((field) => {
+		const path = parent ? `${parent}.${field.name}` : field.name;
+		return [{
+			...field,
+			path,
+			depth
+		}, ...schemaRows(field.children ?? [], path, depth + 1)];
+	});
+}
+//#endregion
+export { LANGUAGE_NAMES, PLAIN_TEXT, SYNTAX, apiMetadataText, bindCodeTabs, bindCopyButton, codeBlockGrammar, codePreStyle, codePresentation, codeTextStyle, createCopyFeedback, highlightCode, interactionBudgets, schemaRows, tokenStyle, tokenize, writeClipboard };