@tangle-network/ui 11.51.5 → 11.51.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @tangle-network/ui
2
2
 
3
+ ## 11.51.7
4
+
5
+ - Expose the existing retained report component and follow-tail modules without optional chat stores. Derive all build entries from the package export map.
6
+
7
+ ## 11.51.6
8
+
9
+ - Expose the existing run-clock and status modules directly so minimal graph/server consumers do not load unrelated optional session stores.
10
+
3
11
  ## 11.51.5
4
12
 
5
13
  - Render user-message times explicitly in UTC so server and browser hydration agree across timezones. Share one clock across run duration, stream age and graph readers; keep replay timestamps fixed and export the canonical open-state predicate.
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @tangle-network/ui
2
2
 
3
+ Minimal graph and server hosts can import the existing clock from `@tangle-network/ui/hooks/use-live-time` and status metadata/glyphs from `@tangle-network/ui/run/status-meta`. These module entries share the root bindings without loading optional session stores.
4
+
3
5
  Generic React UI components for Tangle products. Imports tokens from `@tangle-network/brand` (peer dep). Tailwind v4-native.
4
6
 
5
7
  Component visual precedent is governed by the repo-level [design bible](../../docs/design-bible.md) and [component audit](../../docs/component-audit.md). Storybook examples are test surfaces; they are not automatically approved brand patterns.
@@ -161,3 +163,5 @@ An http(s) `src` on another origin needs CORS, as any `fetch` does. When it fail
161
163
  Those entries create values at module scope, so consumers must install their peers before importing them.
162
164
  The package root also re-exports `./stores`, so a root import requires both nanostores peers.
163
165
  Consumers that use only other subpath entries do not need these three peers.
166
+
167
+ Retained report readers can import existing `chat/agent-timeline`, `chat/speaker`, `run/expanded-tool-detail`, `run/inline-thinking-item`, `run/run-row-shell` and `hooks/use-follow-tail` modules directly. These entries preserve their broad-entry bindings without importing chat session stores.
@@ -1,6 +1,6 @@
1
1
  import { ChatAuthor } from "../types/message.js";
2
- import { ToolPart } from "../types/parts.js";
3
2
  import { MessageRole } from "./chat-message.js";
3
+ import { ToolPart } from "../types/parts.js";
4
4
  import { ToolCallData } from "../run/tool-call-feed.js";
5
5
  import { ReactNode } from "react";
6
6
  export type AgentTimelineTone = "default" | "info" | "success" | "warning" | "error";
@@ -1,7 +1,7 @@
1
1
  import { HTMLAttributes } from "react";
2
2
  import { Speaker, Speaker as Speaker$1, SpeakerPart, SpeakerSection, SpeakerState, partitionBySpeaker } from "@tangle-network/agent-interface/speaker";
3
3
  export interface SpeakerHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
4
- speaker: Speaker;
4
+ speaker: Speaker$1;
5
5
  /** The turn is still running, so a responder that has not reported an end is answering. */
6
6
  live?: boolean;
7
7
  }
@@ -15,4 +15,4 @@ export interface SpeakerHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>,
15
15
  * nothing, as a settled run row does. `data-speaker-state` carries all three.
16
16
  */
17
17
  export declare function SpeakerHeader({ speaker, live, ...props }: SpeakerHeaderProps): import("react").JSX.Element;
18
- export { type Speaker$1 as Speaker, type SpeakerPart, type SpeakerSection, type SpeakerState, partitionBySpeaker };
18
+ export { type Speaker, type SpeakerPart, type SpeakerSection, type SpeakerState, partitionBySpeaker };
package/dist/chat.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import { ChatAuthor } from "./types/message.js";
2
+ import { ChatMessage, ChatMessageProps, MessageRole } from "./chat/chat-message.js";
3
+ import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineColumn, AgentTimelineCustomItem, AgentTimelineFoldItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineStep, AgentTimelineStepKind, AgentTimelineStepProps, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, agentTimelineStepKind, foldSummary } from "./chat/agent-timeline.js";
2
4
  import { ChatContainer, ChatContainerProps } from "./chat/chat-container.js";
3
5
  import { MessageList, MessageListProps } from "./chat/message-list.js";
4
6
  import { UserMessage, UserMessageProps } from "./chat/user-message.js";
5
- import { ChatMessage, ChatMessageProps, MessageRole } from "./chat/chat-message.js";
6
7
  import { MessageAuthor, MessageAuthorProps, isViewerMessage } from "./chat/message-author.js";
7
8
  import { Speaker, SpeakerHeader, SpeakerHeaderProps, SpeakerPart, SpeakerSection, SpeakerState, partitionBySpeaker } from "./chat/speaker.js";
8
9
  import { ThinkingIndicator, ThinkingIndicatorProps } from "./chat/thinking-indicator.js";
9
- import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineColumn, AgentTimelineCustomItem, AgentTimelineFoldItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineStep, AgentTimelineStepKind, AgentTimelineStepProps, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, agentTimelineStepKind, foldSummary } from "./chat/agent-timeline.js";
10
10
  import { TRANSCRIPT_TEXT } from "./chat/transcript-text.js";
11
11
  export { AgentTimeline, type AgentTimelineArtifactItem, AgentTimelineColumn, type AgentTimelineCustomItem, type AgentTimelineFoldItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, AgentTimelineStep, type AgentTimelineStepKind, type AgentTimelineStepProps, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, type ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, MessageAuthor, type MessageAuthorProps, MessageList, type MessageListProps, type MessageRole, type Speaker, SpeakerHeader, type SpeakerHeaderProps, type SpeakerPart, type SpeakerSection, type SpeakerState, TRANSCRIPT_TEXT, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps, agentTimelineStepKind, foldSummary, isViewerMessage, partitionBySpeaker };
package/dist/index.d.ts CHANGED
@@ -5,7 +5,11 @@ import { AuthHeader, AuthHeaderProps, GitHubLoginButton, GitHubLoginButtonProps,
5
5
  import { LoginLayout, LoginLayoutProps } from "./auth/login-layout.js";
6
6
  import "./auth.js";
7
7
  import { ChatAuthor, SessionMessage } from "./types/message.js";
8
+ import { ChatMessage, ChatMessageProps, MessageRole } from "./chat/chat-message.js";
8
9
  import { ReasoningPart, SessionPart, TextPart, ToolPart, ToolState, ToolStatus, ToolTime } from "./types/parts.js";
10
+ import { ToolCallStatus, ToolCallType } from "./run/tool-call-step.js";
11
+ import { FeedSegment, ToolCallData, ToolCallFeed, ToolCallFeedProps, parseToolEvent } from "./run/tool-call-feed.js";
12
+ import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineColumn, AgentTimelineCustomItem, AgentTimelineFoldItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineStep, AgentTimelineStepKind, AgentTimelineStepProps, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, agentTimelineStepKind, foldSummary } from "./chat/agent-timeline.js";
9
13
  import { AgentBranding } from "./types/branding.js";
10
14
  import { CustomToolRenderer, DisplayVariant, ToolDisplayMetadata } from "./types/tool-display.js";
11
15
  import { FinalTextPart, GroupedMessage, MessageRun, MessageUser, Run, RunStats, ToolCategory } from "./types/run.js";
@@ -14,13 +18,9 @@ import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifact
14
18
  import { ChatContainer, ChatContainerProps } from "./chat/chat-container.js";
15
19
  import { MessageList, MessageListProps } from "./chat/message-list.js";
16
20
  import { UserMessage, UserMessageProps } from "./chat/user-message.js";
17
- import { ChatMessage, ChatMessageProps, MessageRole } from "./chat/chat-message.js";
18
21
  import { MessageAuthor, MessageAuthorProps, isViewerMessage } from "./chat/message-author.js";
19
22
  import { Speaker, SpeakerHeader, SpeakerHeaderProps, SpeakerPart, SpeakerSection, SpeakerState, partitionBySpeaker } from "./chat/speaker.js";
20
23
  import { ThinkingIndicator, ThinkingIndicatorProps } from "./chat/thinking-indicator.js";
21
- import { ToolCallStatus, ToolCallType } from "./run/tool-call-step.js";
22
- import { FeedSegment, ToolCallData, ToolCallFeed, ToolCallFeedProps, parseToolEvent } from "./run/tool-call-feed.js";
23
- import { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineColumn, AgentTimelineCustomItem, AgentTimelineFoldItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineStep, AgentTimelineStepKind, AgentTimelineStepProps, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, agentTimelineStepKind, foldSummary } from "./chat/agent-timeline.js";
24
24
  import { TRANSCRIPT_TEXT } from "./chat/transcript-text.js";
25
25
  import "./chat.js";
26
26
  import { codeBlockGrammar } from "./lib/code-presentation.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tangle-network/ui",
3
- "version": "11.51.5",
3
+ "version": "11.51.7",
4
4
  "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -125,7 +125,47 @@
125
125
  "import": "./dist/code-presentation.js",
126
126
  "default": "./dist/code-presentation.js"
127
127
  },
128
- "./styles/compat.css": "./src/styles/compat.css"
128
+ "./styles/compat.css": "./src/styles/compat.css",
129
+ "./hooks/use-live-time": {
130
+ "types": "./dist/hooks/use-live-time.d.ts",
131
+ "import": "./dist/hooks/use-live-time.js",
132
+ "default": "./dist/hooks/use-live-time.js"
133
+ },
134
+ "./run/status-meta": {
135
+ "types": "./dist/run/status-meta.d.ts",
136
+ "import": "./dist/run/status-meta.js",
137
+ "default": "./dist/run/status-meta.js"
138
+ },
139
+ "./chat/agent-timeline": {
140
+ "types": "./dist/chat/agent-timeline.d.ts",
141
+ "import": "./dist/chat/agent-timeline.js",
142
+ "default": "./dist/chat/agent-timeline.js"
143
+ },
144
+ "./chat/speaker": {
145
+ "types": "./dist/chat/speaker.d.ts",
146
+ "import": "./dist/chat/speaker.js",
147
+ "default": "./dist/chat/speaker.js"
148
+ },
149
+ "./run/expanded-tool-detail": {
150
+ "types": "./dist/run/expanded-tool-detail.d.ts",
151
+ "import": "./dist/run/expanded-tool-detail.js",
152
+ "default": "./dist/run/expanded-tool-detail.js"
153
+ },
154
+ "./run/inline-thinking-item": {
155
+ "types": "./dist/run/inline-thinking-item.d.ts",
156
+ "import": "./dist/run/inline-thinking-item.js",
157
+ "default": "./dist/run/inline-thinking-item.js"
158
+ },
159
+ "./run/run-row-shell": {
160
+ "types": "./dist/run/run-row-shell.d.ts",
161
+ "import": "./dist/run/run-row-shell.js",
162
+ "default": "./dist/run/run-row-shell.js"
163
+ },
164
+ "./hooks/use-follow-tail": {
165
+ "types": "./dist/hooks/use-follow-tail.d.ts",
166
+ "import": "./dist/hooks/use-follow-tail.js",
167
+ "default": "./dist/hooks/use-follow-tail.js"
168
+ }
129
169
  },
130
170
  "dependencies": {
131
171
  "@pierre/theme": "1.1.0",