@parallelworks/ui 0.67.0 → 0.69.0

package/dist/ai/components/SessionView.js

@@ -0,0 +1,99 @@
+import { useChat } from "../core/ChatProvider.js";
+import useDragDrop from "../core/useDragDrop.js";
+import DragOverlay from "./DragOverlay.js";
+import ChatInput from "./ChatInput.js";
+import { escapeClosesLayer } from "../core/useKeyboardShortcuts.js";
+import ChatMessageList from "./ChatMessageList.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/ai/components/SessionView.tsx
+/** One conversation or agent session: its transcript, with the composer at
+*  the foot of the scrolling column. The host binds its own data and actions;
+*  what it leaves out (editing, regenerating, branches) the view leaves out. */
+function SessionView({ sessionKey, messages, allMessages, streamingMessage, queuedMessages, onRemoveQueued, canRemoveQueued, queueDelivery, turn, onSend, onEdit, onRegenerate, onRetry, onNavigateBranch, onApprovalAnswer, showAuthor, currentUsername, banners, error, loading = false, dropFiles = false, footer, label, flush, workingIndicator, composer }) {
+	const inputRef = useRef(null);
+	const [editingId, setEditingId] = useState(null);
+	const { isStreaming: providerStreaming, stopStreaming } = useChat();
+	const running = turn ? turn.running : providerStreaming;
+	const stop = turn ? turn.onStop : stopStreaming;
+	useEffect(() => {
+		if (!running) return;
+		const onKeyDown = (e) => {
+			if (e.key === "Escape" && !e.defaultPrevented && !escapeClosesLayer(e.target)) stop();
+		};
+		window.addEventListener("keydown", onKeyDown);
+		return () => window.removeEventListener("keydown", onKeyDown);
+	}, [running, stop]);
+	const editable = (id) => messages.find((m) => m.id === id && m.role === "user");
+	const startEdit = useCallback((id) => {
+		if (messages.some((m) => m.id === id && m.role === "user")) setEditingId(id);
+	}, [messages]);
+	const editLast = useCallback(() => {
+		const last = messages.findLast((m) => m.role === "user");
+		if (last) setEditingId(last.id);
+	}, [messages]);
+	const onFilesDropped = useCallback((files) => {
+		inputRef.current?.addFiles(files);
+	}, []);
+	const { isDragging, dragHandlers } = useDragDrop({ onFilesDropped });
+	const input = /* @__PURE__ */ jsx(ChatInput, {
+		ref: inputRef,
+		...composer,
+		onSend,
+		conversationId: sessionKey,
+		disabled: loading || !!composer?.disabled,
+		...turn ? { turn } : {},
+		...onEdit ? { onEditLastMessage: editLast } : {}
+	});
+	if (loading && !error) return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col bg-(--theme-panel-bg)",
+		children: [
+			banners,
+			/* @__PURE__ */ jsx("div", { className: "flex-1" }),
+			input
+		]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative flex h-full bg-(--theme-panel-bg)",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col",
+			...dropFiles ? dragHandlers : {},
+			children: [
+				isDragging && dropFiles && /* @__PURE__ */ jsx(DragOverlay, { className: "rounded-lg" }),
+				banners,
+				error ?? /* @__PURE__ */ jsx(ChatMessageList, {
+					messages,
+					allMessages: allMessages ?? messages,
+					...streamingMessage !== void 0 ? { streamingMessage } : {},
+					...queuedMessages ? { queuedMessages } : {},
+					...onRemoveQueued ? { onRemoveQueued } : {},
+					...canRemoveQueued ? { canRemoveQueued } : {},
+					...queueDelivery ? { queueDelivery } : {},
+					...turn ? { isStreaming: turn.running } : {},
+					editingMessageId: editingId,
+					...showAuthor !== void 0 ? { showAuthor } : {},
+					...currentUsername ? { currentUsername } : {},
+					...onNavigateBranch ? { onNavigateBranch } : {},
+					onEditMessage: onEdit ? startEdit : void 0,
+					onSaveEdit: (id, content) => {
+						const message = editable(id);
+						if (message && onEdit) onEdit(message, content);
+						setEditingId(null);
+					},
+					onCancelEdit: () => setEditingId(null),
+					onRegenerateMessage: onRegenerate,
+					onRetryMessage: onRetry,
+					...onApprovalAnswer ? { onApprovalAnswer } : {},
+					...footer ? { footer } : {},
+					...label ? { label } : {},
+					...flush ? { flush } : {},
+					...workingIndicator !== void 0 ? { workingIndicator } : {},
+					inputElement: input
+				}),
+				error && input
+			]
+		})
+	});
+}
+//#endregion
+export { SessionView as default };

package/dist/ai/core/useKeyboardShortcuts.js

@@ -44,10 +44,6 @@ function useKeyboardShortcuts(options = {}) {
 		if (!enabled) return;
 		const handleKeyDown = (e) => {
 			const cmdKey = isMac() ? e.metaKey : e.ctrlKey;
-			if (e.key === "Escape") {
-				if (!escapeClosesLayer(e.target)) handleStopGeneration();
-				return;
-			}
 			if (cmdKey && e.shiftKey && e.key === "O") {
 				e.preventDefault();
 				handleNewConversation();
@@ -69,8 +65,7 @@ function useKeyboardShortcuts(options = {}) {
 	}, [
 		enabled,
 		handleNewConversation,
-		handleCopyLastResponse,
-		handleStopGeneration
+		handleCopyLastResponse
 	]);
 	return {
 		getLastUserMessage,

package/dist/ai/index.d.ts

@@ -21,6 +21,7 @@ export { type ConversationGroupKey, groupConversationsByDate, useConversationAct
 export { default as DragOverlay } from './components/DragOverlay.js';
 export { default as ModelSelector, getProviderKeyFromModelId, } from './components/ModelSelector.js';
 export { default as ProviderIssueBanner } from './components/ProviderIssueBanner.js';
+export { default as SessionView, type SessionViewProps } from './components/SessionView.js';
 export { default as ShareDialog, ShareButton, } from './components/ShareDialog.js';
 export { type SlashCommandOption, type SlashMenuConfig, slashMatches, } from './components/SlashMenu.js';
 export type { ComposerPastes, PasteUploadResult, } from './components/usePasteCards.js';

package/dist/ai/index.js

@@ -43,6 +43,7 @@ import ChatSidebar from "./components/ChatSidebar.js";
 import ChatLayout, { CHAT_COLUMN_SCOPE, ConversationLayout, DRAWER_BELOW_PX } from "./components/ChatLayout.js";
 import ChatMessage_default from "./components/ChatMessage.js";
 import ChatMessageList from "./components/ChatMessageList.js";
+import SessionView from "./components/SessionView.js";
 import ChatThread from "./components/ChatThread.js";
 import { NoticeBar, NoticeCard, OutputCard } from "./ui/Notice.js";
-export { AGENT_COLOR_NAMES, ActivityLine, AgentMessageParts, AllocationSelector, ApprovalBlock, AttachmentManager, AttachmentUpload, BlockedGroupBanner, BranchNavigator, CHAT_COLUMN_SCOPE, ChatAdapterError, ChatEmptyState, ChatInput, ChatLayout, ChatMessageList, ChatMessage_default as ChatMessageView, ChatProvider, ChatSidebar, ChatStage, ChatThread, ComposerContext, ComposerControls, ComposerSettings, ComposerUsage, ConnectToolsLink, ConversationLayout, ConversationSidebar, DEFAULT_PERMISSION_MODE, DRAWER_BELOW_PX, DragOverlay, FOCUS_SIDEBAR_SEARCH_EVENT, INTERRUPTED_NOTICE, KeyboardShortcutsProvider, MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, ManageProvidersLink, ModelSelector, NAMED_PERMISSION_MODES, NoticeBar, NoticeCard, OutputCard, PermissionPicker, ProviderIssueBanner, RenameDialog, ShareButton, ShareDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, agentColorHex, agentTypeLabel, applyPartDelta, askQuestionFromArgs, bashExitCode, chatReducer, clampPermissionMode, classifyPseudoUserMessage, clip, computeEditDiff, computeWriteRows, defaultChatStrings, defaultToolStrings, editSummary, finalizeParts, firstNonEmptyLine, fullToolArgs, getGreeting, getProviderKeyFromModelId, groupConversationsByDate, hiddenTranscriptTool, initialState, interruptionNotice, isEditDiffTool, isGroupableTool, isMac, isNamedPermissionMode, isOrgModel, languageForPath, lineDelta, parseEditArgs, parseSubagentNotice, pasteInlineMaxBytes, permissionModesUpTo, planFromArgs, providerIssueFor, resolveChatConfig, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, sidebarDrawerProps, slashMatches, subagentDeliveryLine, summarizeToolArgs, taskCallFromArgs, thinkingHeading, tokenizeDiffLines, toolHeaderFor, toolSummary, useChat, useChatConfig, useChatStream, useConversationActions, useDragDrop, useKeyboardShortcuts, useRowDialogs, wordEmphasisRanges };
+export { AGENT_COLOR_NAMES, ActivityLine, AgentMessageParts, AllocationSelector, ApprovalBlock, AttachmentManager, AttachmentUpload, BlockedGroupBanner, BranchNavigator, CHAT_COLUMN_SCOPE, ChatAdapterError, ChatEmptyState, ChatInput, ChatLayout, ChatMessageList, ChatMessage_default as ChatMessageView, ChatProvider, ChatSidebar, ChatStage, ChatThread, ComposerContext, ComposerControls, ComposerSettings, ComposerUsage, ConnectToolsLink, ConversationLayout, ConversationSidebar, DEFAULT_PERMISSION_MODE, DRAWER_BELOW_PX, DragOverlay, FOCUS_SIDEBAR_SEARCH_EVENT, INTERRUPTED_NOTICE, KeyboardShortcutsProvider, MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, ManageProvidersLink, ModelSelector, NAMED_PERMISSION_MODES, NoticeBar, NoticeCard, OutputCard, PermissionPicker, ProviderIssueBanner, RenameDialog, SessionView, ShareButton, ShareDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarRowTitle, SidebarToggle, agentColorHex, agentTypeLabel, applyPartDelta, askQuestionFromArgs, bashExitCode, chatReducer, clampPermissionMode, classifyPseudoUserMessage, clip, computeEditDiff, computeWriteRows, defaultChatStrings, defaultToolStrings, editSummary, finalizeParts, firstNonEmptyLine, fullToolArgs, getGreeting, getProviderKeyFromModelId, groupConversationsByDate, hiddenTranscriptTool, initialState, interruptionNotice, isEditDiffTool, isGroupableTool, isMac, isNamedPermissionMode, isOrgModel, languageForPath, lineDelta, parseEditArgs, parseSubagentNotice, pasteInlineMaxBytes, permissionModesUpTo, planFromArgs, providerIssueFor, resolveChatConfig, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, sidebarDrawerProps, slashMatches, subagentDeliveryLine, summarizeToolArgs, taskCallFromArgs, thinkingHeading, tokenizeDiffLines, toolHeaderFor, toolSummary, useChat, useChatConfig, useChatStream, useConversationActions, useDragDrop, useKeyboardShortcuts, useRowDialogs, wordEmphasisRanges };

package/dist/ai/types.d.ts

@@ -1,3 +1,10 @@
+/** A turn setting a session owns, shown in place of the chat's own selection. */
+export interface BoundSetting {
+    value: string | null | undefined;
+    onChange: (value: string) => void;
+    /** The session cannot take a change right now, such as while it is unreachable. */
+    disabled?: boolean | undefined;
+}
 export interface ChatUser {
     id: string;
     username: string;

package/dist/icons.d.ts

@@ -14,6 +14,7 @@ export declare const AddIcon: IconType;
 export declare const AddProjectIcon: IconType;
 export declare const AddUserIcon: IconType;
 export declare const AgentIcon: IconType;
+export declare const AiProviderIcon: IconType;
 export declare const AllocationIcon: IconType;
 export declare const APIIcon: IconType;
 export declare const ArchiveIcon: IconType;
@@ -24,6 +25,7 @@ export declare const ArrowUpIcon: IconType;
 export declare const ArticleIcon: IconType;
 export declare const AttachmentIcon: IconType;
 export declare const AuthenticationIcon: IconType;
+export declare const BannerIcon: IconType;
 export declare const BillingIcon: IconType;
 export declare const BriefcaseIcon: IconType;
 export declare const BucketIcon: IconType;
@@ -46,21 +48,27 @@ export declare const ClipboardCheckIcon: IconType;
 export declare const ClockIcon: IconType;
 export declare const CloseIcon: IconType;
 export declare const CloudIcon: IconType;
+export declare const CloudNetworkIcon: IconType;
 export declare const ClusterIcon: IconType;
 export declare const CodeIcon: IconType;
 export declare const CollapseIcon: IconType;
 export declare const ColumnsIcon: IconType;
+export declare const CommandShellIcon: IconType;
 export declare const CommentIcon: IconType;
 export declare const CommitIcon: IconType;
 export declare const ComputeIcon: IconType;
+export declare const ConfigIcon: IconType;
 export declare const ConnectIcon: IconType;
 export declare const ContractIcon: IconType;
 export declare const CopyIcon: IconType;
 export declare const CustomizeIcon: IconType;
+export declare const DefinitionIcon: IconType;
+export declare const DeprovisionIcon: IconType;
 export declare const DesktopIcon: IconType;
 export declare const DestroyIcon: IconType;
 export declare const DeviceIcon: IconType;
 export declare const DirectoryIcon: IconType;
+export declare const DirectorySyncIcon: IconType;
 export declare const DisableCostIcon: IconType;
 export declare const DisableUserIcon: IconType;
 export declare const DisconnectIcon: IconType;
@@ -128,14 +136,15 @@ export declare const JobIcon: IconType;
 export declare const JsonIcon: IconType;
 export declare const KeyboardIcon: IconType;
 export declare const KeyIcon: IconType;
-export declare const KubernetesNamespaceIcon: IconType;
 export declare const LanguageIcon: IconType;
 export declare const LegalIcon: IconType;
 export declare const LibraryIcon: IconType;
 export declare const LicenseIcon: IconType;
 export declare const LinkIcon: IconType;
 export declare const ListViewIcon: IconType;
+export declare const LoadingIcon: IconType;
 export declare const LockIcon: IconType;
+export declare const LogsIcon: IconType;
 export declare const MachineImageIcon: IconType;
 export declare const MailFailedIcon: IconType;
 export declare const MailIcon: IconType;
@@ -154,6 +163,7 @@ export declare const MoonIcon: IconType;
 export declare const MoreIcon: IconType;
 export declare const MusicIcon: IconType;
 export declare const MuteIcon: IconType;
+export declare const NamespaceIcon: IconType;
 export declare const NavigationIcon: IconType;
 export declare const NetworkInterfaceIcon: IconType;
 export declare const NetworkShareIcon: IconType;
@@ -175,25 +185,32 @@ export declare const PieChartIcon: IconType;
 export declare const PinFilledIcon: IconType;
 export declare const PinIcon: IconType;
 export declare const PowerIcon: IconType;
-export declare const PowershellIcon: IconType;
 export declare const PreviewIcon: IconType;
 export declare const PrintIcon: IconType;
 export declare const ProjectIcon: IconType;
+export declare const ProvisionIcon: IconType;
 export declare const PublishIcon: IconType;
 export declare const PullRequestIcon: IconType;
 export declare const QRCodeIcon: IconType;
 export declare const QueueIcon: IconType;
+export declare const QuickActionIcon: IconType;
 export declare const QuotaIcon: IconType;
 export declare const RedoIcon: IconType;
 export declare const RefreshIcon: IconType;
+export declare const ReleaseIcon: IconType;
 export declare const RemoveIcon: IconType;
 export declare const RemoveUserIcon: IconType;
 export declare const RenameIcon: IconType;
 export declare const RenewIcon: IconType;
+export declare const ReportIcon: IconType;
+export declare const ResetIcon: IconType;
 export declare const ResetLayoutIcon: IconType;
 export declare const ResourceGroupIcon: IconType;
 export declare const ResourceIcon: IconType;
+export declare const RestartIcon: IconType;
+export declare const RestoreIcon: IconType;
 export declare const RetryIcon: IconType;
+export declare const RevokeIcon: IconType;
 export declare const RoleIcon: IconType;
 export declare const RollbackIcon: IconType;
 export declare const RunningIcon: IconType;
@@ -207,6 +224,7 @@ export declare const SendIcon: IconType;
 export declare const ServiceIcon: IconType;
 export declare const SessionIcon: IconType;
 export declare const SettingsIcon: IconType;
+export declare const SharedIcon: IconType;
 export declare const ShareIcon: IconType;
 export declare const ShieldIcon: IconType;
 export declare const ShieldOffIcon: IconType;
@@ -237,6 +255,7 @@ export declare const TagIcon: IconType;
 export declare const TerminalIcon: IconType;
 export declare const ThinkingIcon: IconType;
 export declare const TodoIcon: IconType;
+export declare const TokenIcon: IconType;
 export declare const ToolsIcon: IconType;
 export declare const TrashIcon: IconType;
 export declare const TunnelIcon: IconType;
@@ -244,15 +263,26 @@ export declare const UndoIcon: IconType;
 export declare const UnfavoriteIcon: IconType;
 export declare const UnlinkIcon: IconType;
 export declare const UnmuteIcon: IconType;
+export declare const UnsplitIcon: IconType;
 export declare const UploadIcon: IconType;
 export declare const UserIcon: IconType;
 export declare const UsersIcon: IconType;
 export declare const UserWorkspaceIcon: IconType;
+export declare const VariableIcon: IconType;
 export declare const VideoIcon: IconType;
 export declare const WarningIcon: IconType;
 export declare const WebhookIcon: IconType;
-export declare const ZapIcon: IconType;
+export declare const WorkerIcon: IconType;
+export declare const WorkflowIcon: IconType;
+export declare const WorkloadIcon: IconType;
+export declare const WorkspaceMountIcon: IconType;
 export declare const ZipIcon: IconType;
 export declare const ZoomInIcon: IconType;
 export declare const ZoomOutIcon: IconType;
 export { ErrorCheckmark, SuccessCheckmark } from './components/StatusIcons.js';
+/** @deprecated Renamed NamespaceIcon, which says what it means. */
+export declare const KubernetesNamespaceIcon: IconType;
+/** @deprecated Renamed CommandShellIcon, which says what it means. */
+export declare const PowershellIcon: IconType;
+/** @deprecated Renamed QuickActionIcon, which says what it means. */
+export declare const ZapIcon: IconType;