@parallelworks/ui 0.18.0 → 0.19.1

package/dist/ai/core/useDragDrop.js

@@ -0,0 +1,36 @@
+import { useCallback, useRef, useState } from "react";
+//#region src/ai/core/useDragDrop.ts
+function useDragDrop({ onFilesDropped }) {
+	const [isDragging, setIsDragging] = useState(false);
+	const dragCounterRef = useRef(0);
+	return {
+		isDragging,
+		dragHandlers: {
+			onDragEnter: useCallback((e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				dragCounterRef.current++;
+				if (e.dataTransfer.types.includes("Files")) setIsDragging(true);
+			}, []),
+			onDragLeave: useCallback((e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				dragCounterRef.current--;
+				if (dragCounterRef.current === 0) setIsDragging(false);
+			}, []),
+			onDragOver: useCallback((e) => {
+				e.preventDefault();
+				e.stopPropagation();
+			}, []),
+			onDrop: useCallback((e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				dragCounterRef.current = 0;
+				setIsDragging(false);
+				if (e.dataTransfer.files.length > 0) onFilesDropped(e.dataTransfer.files);
+			}, [onFilesDropped])
+		}
+	};
+}
+//#endregion
+export { useDragDrop as default };

package/dist/ai/core/useKeyboardShortcuts.d.ts

@@ -0,0 +1,12 @@
+import type { ChatMessage } from '../types.js';
+interface UseKeyboardShortcutsOptions {
+    enabled?: boolean;
+}
+export declare function useKeyboardShortcuts(options?: UseKeyboardShortcutsOptions): {
+    getLastUserMessage: () => ChatMessage | null;
+    getLastAssistantMessage: () => string | null | undefined;
+    handleNewConversation: () => void;
+    handleCopyLastResponse: () => Promise<void>;
+    handleStopGeneration: () => void;
+};
+export {};

package/dist/ai/core/useKeyboardShortcuts.js

@@ -0,0 +1,77 @@
+import { useChat } from "./ChatProvider.js";
+import { isMac } from "../utils.js";
+import { FOCUS_SIDEBAR_SEARCH_EVENT } from "./events.js";
+import { useCallback, useEffect } from "react";
+//#region src/ai/core/useKeyboardShortcuts.ts
+function useKeyboardShortcuts(options = {}) {
+	const { enabled = true } = options;
+	const { currentConversation, isStreaming, stopStreaming, clearCurrentConversation, navigation, notify } = useChat();
+	const getLastAssistantMessage = useCallback(() => {
+		const messages = currentConversation?.messages || [];
+		for (let i = messages.length - 1; i >= 0; i--) if (messages[i].role === "assistant" && messages[i].content) return messages[i].content;
+		return null;
+	}, [currentConversation?.messages]);
+	const getLastUserMessage = useCallback(() => {
+		const messages = currentConversation?.messages || [];
+		for (let i = messages.length - 1; i >= 0; i--) if (messages[i].role === "user") return messages[i];
+		return null;
+	}, [currentConversation?.messages]);
+	const handleNewConversation = useCallback(() => {
+		clearCurrentConversation();
+		navigation.toNewChat();
+	}, [clearCurrentConversation, navigation]);
+	const handleCopyLastResponse = useCallback(async () => {
+		const content = getLastAssistantMessage();
+		if (content) try {
+			await navigator.clipboard.writeText(content);
+			notify.success("Copied to clipboard");
+		} catch {
+			notify.error("Failed to copy");
+		}
+		else notify.info("No response to copy");
+	}, [getLastAssistantMessage, notify]);
+	const handleStopGeneration = useCallback(() => {
+		if (isStreaming) stopStreaming();
+	}, [isStreaming, stopStreaming]);
+	useEffect(() => {
+		if (!enabled) return;
+		const handleKeyDown = (e) => {
+			const cmdKey = isMac() ? e.metaKey : e.ctrlKey;
+			if (e.key === "Escape") {
+				handleStopGeneration();
+				return;
+			}
+			if (cmdKey && e.shiftKey && e.key === "O") {
+				e.preventDefault();
+				handleNewConversation();
+				return;
+			}
+			if (cmdKey && e.shiftKey && e.key === "C") {
+				e.preventDefault();
+				handleCopyLastResponse();
+				return;
+			}
+			if (cmdKey && e.shiftKey && e.key === "F") {
+				e.preventDefault();
+				document.dispatchEvent(new Event(FOCUS_SIDEBAR_SEARCH_EVENT));
+				return;
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => document.removeEventListener("keydown", handleKeyDown);
+	}, [
+		enabled,
+		handleNewConversation,
+		handleCopyLastResponse,
+		handleStopGeneration
+	]);
+	return {
+		getLastUserMessage,
+		getLastAssistantMessage,
+		handleNewConversation,
+		handleCopyLastResponse,
+		handleStopGeneration
+	};
+}
+//#endregion
+export { useKeyboardShortcuts };

package/dist/ai/core/useSSEStream.d.ts

@@ -0,0 +1,34 @@
+import type { MessagePart } from '../types.js';
+import type { ChatAction } from './chatReducer.js';
+interface BackgroundStream {
+    content: string;
+    reasoning: string;
+    parts: MessagePart[];
+    messageId: string | null;
+    isActive: boolean;
+}
+interface UseSSEStreamResult {
+    /** Feed a chunk of text into the animation buffer */
+    onStreamingChunk: (chunk: string) => void;
+    /** Start the animation loop for a conversation */
+    startStreaming: (conversationId: string) => void;
+    /** Stop the animation loop, flush remaining content */
+    stopAnimationLoop: () => {
+        unrevealed: string;
+        conversationId: string | null;
+    };
+    /** Reset all animation refs (used when navigating away) */
+    resetAnimationRefs: () => void;
+    /** Ref to the target content buffer */
+    targetStreamContentRef: React.RefObject<string>;
+    /** Ref tracking whether streaming is active */
+    streamActiveRef: React.MutableRefObject<boolean>;
+    /** Ref tracking which conversation is being streamed */
+    streamingConversationIdRef: React.MutableRefObject<string | null>;
+    /** Per-conversation background stream storage */
+    backgroundStreamsRef: React.MutableRefObject<Map<string, BackgroundStream>>;
+    /** AbortController ref for cancelling fetch requests */
+    abortControllerRef: React.MutableRefObject<AbortController | null>;
+}
+export declare function useSSEStream(dispatch: React.Dispatch<ChatAction>): UseSSEStreamResult;
+export {};

package/dist/ai/core/useSSEStream.js

@@ -0,0 +1,98 @@
+import { useCallback, useEffect, useRef } from "react";
+//#region src/ai/core/useSSEStream.ts
+function useSSEStream(dispatch) {
+	const targetStreamContentRef = useRef("");
+	const revealedLengthRef = useRef(0);
+	const streamRafRef = useRef(null);
+	const streamActiveRef = useRef(false);
+	const lastFrameTimeRef = useRef(0);
+	const lastDispatchTimeRef = useRef(0);
+	const streamingConversationIdRef = useRef(null);
+	const backgroundStreamsRef = useRef(/* @__PURE__ */ new Map());
+	const abortControllerRef = useRef(null);
+	const animateStreamContent = useCallback(() => {
+		const now = performance.now();
+		const target = targetStreamContentRef.current;
+		const revealed = revealedLengthRef.current;
+		const remaining = target.length - revealed;
+		const conversationId = streamingConversationIdRef.current;
+		const timeSinceDispatch = now - lastDispatchTimeRef.current;
+		if (remaining > 0 && timeSinceDispatch >= 32 && conversationId) {
+			const dt = lastFrameTimeRef.current ? now - lastFrameTimeRef.current : 32;
+			const newRevealed = revealed + Math.min(remaining, Math.max(1, Math.round((remaining > 360 ? .48 : .24) * dt)));
+			revealedLengthRef.current = newRevealed;
+			dispatch({
+				type: "APPEND_STREAMING_CONTENT",
+				content: target.slice(revealed, newRevealed),
+				conversationId
+			});
+			lastDispatchTimeRef.current = now;
+		}
+		lastFrameTimeRef.current = now;
+		if (streamActiveRef.current || revealedLengthRef.current < targetStreamContentRef.current.length) streamRafRef.current = requestAnimationFrame(animateStreamContent);
+		else {
+			streamRafRef.current = null;
+			lastFrameTimeRef.current = 0;
+		}
+	}, [dispatch]);
+	const onStreamingChunk = useCallback((chunk) => {
+		const convId = streamingConversationIdRef.current;
+		if (convId) {
+			const bgStream = backgroundStreamsRef.current.get(convId);
+			if (bgStream) bgStream.content += chunk;
+		}
+		if (!streamActiveRef.current) return;
+		targetStreamContentRef.current += chunk;
+		if (streamRafRef.current === null) streamRafRef.current = requestAnimationFrame(animateStreamContent);
+	}, [animateStreamContent]);
+	const startStreaming = useCallback((conversationId) => {
+		streamingConversationIdRef.current = conversationId;
+		streamActiveRef.current = true;
+	}, []);
+	const stopAnimationLoop = useCallback(() => {
+		const conversationId = streamingConversationIdRef.current;
+		streamActiveRef.current = false;
+		if (streamRafRef.current !== null) {
+			cancelAnimationFrame(streamRafRef.current);
+			streamRafRef.current = null;
+		}
+		const unrevealed = targetStreamContentRef.current.slice(revealedLengthRef.current);
+		targetStreamContentRef.current = "";
+		revealedLengthRef.current = 0;
+		lastFrameTimeRef.current = 0;
+		lastDispatchTimeRef.current = 0;
+		return {
+			unrevealed,
+			conversationId
+		};
+	}, []);
+	const resetAnimationRefs = useCallback(() => {
+		streamActiveRef.current = false;
+		if (streamRafRef.current !== null) {
+			cancelAnimationFrame(streamRafRef.current);
+			streamRafRef.current = null;
+		}
+		targetStreamContentRef.current = "";
+		revealedLengthRef.current = 0;
+		lastFrameTimeRef.current = 0;
+		lastDispatchTimeRef.current = 0;
+	}, []);
+	useEffect(() => {
+		return () => {
+			if (streamRafRef.current !== null) cancelAnimationFrame(streamRafRef.current);
+		};
+	}, []);
+	return {
+		onStreamingChunk,
+		startStreaming,
+		stopAnimationLoop,
+		resetAnimationRefs,
+		targetStreamContentRef,
+		streamActiveRef,
+		streamingConversationIdRef,
+		backgroundStreamsRef,
+		abortControllerRef
+	};
+}
+//#endregion
+export { useSSEStream };

package/dist/ai/index.d.ts

@@ -0,0 +1,40 @@
+export { durationToAbsHumanDuration } from '../duration.js';
+export * from './adapter/types.js';
+export * from './agent/index.js';
+export { default as AllocationSelector } from './components/AllocationSelector.js';
+export { default as AttachmentManager } from './components/AttachmentManager.js';
+export { type Attachment, type AttachmentUploadHandle, default as AttachmentUpload, } from './components/AttachmentUpload.js';
+export { compactCount, default as ActivityLine, formatElapsed, } from './components/agent/ActivityLine.js';
+export { ApprovalBlock, default as AgentMessageParts, } from './components/agent/AgentMessageParts.js';
+export { default as PermissionPicker } from './components/agent/PermissionPicker.js';
+export { default as BlockedGroupBanner } from './components/BlockedGroupBanner.js';
+export { default as BranchNavigator } from './components/BranchNavigator.js';
+export { default as ChatEmptyState } from './components/ChatEmptyState.js';
+export { type ChatInputHandle, default as ChatInput, } from './components/ChatInput.js';
+export { default as ChatLayout } from './components/ChatLayout.js';
+export { default as ChatMessageView } from './components/ChatMessage.js';
+export { default as ChatMessageList } from './components/ChatMessageList.js';
+export { default as ChatSidebar } from './components/ChatSidebar.js';
+export { default as ChatThread } from './components/ChatThread.js';
+export { ComposerContext, ComposerControls, ComposerSettings, ConnectToolsLink, } from './components/ComposerChrome.js';
+export { default as ComposerFrame } from './components/ComposerFrame.js';
+export { default as DragOverlay } from './components/DragOverlay.js';
+export { default as ModelSelector, getProviderKeyFromModelId, } from './components/ModelSelector.js';
+export { default as ShareDialog, ShareButton, } from './components/ShareDialog.js';
+export { type SlashCommandOption, type SlashMenuConfig, slashMatches, } from './components/SlashMenu.js';
+export { ChatProvider, type ChatProviderProps, useChat, } from './core/ChatProvider.js';
+export { type ChatAction, type ChatState, chatReducer, initialState, } from './core/chatReducer.js';
+export type { PartRendererProps } from './core/config.js';
+export { type ChatLinkProps, type ChatUIConfig, resolveChatConfig, useChatConfig, } from './core/config.js';
+export { FOCUS_SIDEBAR_SEARCH_EVENT } from './core/events.js';
+export { getGreeting } from './core/greeting.js';
+export { KeyboardShortcutsProvider } from './core/KeyboardShortcutsProvider.js';
+export { applyPartDelta, finalizeParts } from './core/parts.js';
+export { default as useDragDrop } from './core/useDragDrop.js';
+export { useKeyboardShortcuts } from './core/useKeyboardShortcuts.js';
+export { type ChatStrings, defaultChatStrings } from './strings.js';
+export * from './types.js';
+export { type DropdownOption, default as Dropdown } from './ui/Dropdown.js';
+export { NoticeBar, NoticeCard, type NoticeTone } from './ui/Notice.js';
+export { RenameDialog, type RowDialogStrings, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarToggle, useRowDialogs, } from './ui/sidebar.js';
+export { formatFileSize, isMac, isOrgModel } from './utils.js';

package/dist/ai/index.js

@@ -0,0 +1,44 @@
+import { durationToAbsHumanDuration } from "../duration.js";
+import { ChatAdapterError } from "./adapter/types.js";
+import { classifyPseudoUserMessage } from "./agent/classifier.js";
+import { AGENT_COLOR_NAMES, agentColorHex, bashExitCode, clip, fullToolArgs, isGroupableTool, plural, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, summarizeToolArgs, toolHeaderFor, toolSummary } from "./agent/toolfmt.js";
+import { MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, computeEditDiff, computeWriteRows, editSummary, isEditDiffTool, lineDelta, parseEditArgs, wordEmphasisRanges } from "./agent/diff.js";
+import { languageForPath, tokenizeDiffLines } from "./agent/diffHighlight.js";
+import { DEFAULT_PERMISSION_MODE, NAMED_PERMISSION_MODES, clampPermissionMode, isNamedPermissionMode, permissionModesUpTo } from "./agent/permissions.js";
+import { INTERRUPTED_NOTICE, agentTypeLabel, askQuestionFromArgs, firstNonEmptyLine, hiddenTranscriptTool, interruptionNotice, parseSubagentNotice, planFromArgs, subagentDeliveryLine, taskCallFromArgs, thinkingHeading } from "./agent/transcript.js";
+import { applyPartDelta, finalizeParts } from "./core/parts.js";
+import { chatReducer, initialState } from "./core/chatReducer.js";
+import { defaultChatStrings } from "./strings.js";
+import { resolveChatConfig, useChatConfig } from "./core/config.js";
+import { ChatProvider, useChat } from "./core/ChatProvider.js";
+import Dropdown from "./ui/Dropdown.js";
+import { formatFileSize, isMac, isOrgModel } from "./utils.js";
+import AllocationSelector from "./components/AllocationSelector.js";
+import AttachmentManager from "./components/AttachmentManager.js";
+import AttachmentUpload from "./components/AttachmentUpload.js";
+import ActivityLine, { compactCount, formatElapsed } from "./components/agent/ActivityLine.js";
+import AgentMessageParts, { ApprovalBlock } from "./components/agent/AgentMessageParts.js";
+import PermissionPicker from "./components/agent/PermissionPicker.js";
+import ModelSelector, { getProviderKeyFromModelId } from "./components/ModelSelector.js";
+import BlockedGroupBanner from "./components/BlockedGroupBanner.js";
+import BranchNavigator from "./components/BranchNavigator.js";
+import { getGreeting } from "./core/greeting.js";
+import useDragDrop from "./core/useDragDrop.js";
+import { ComposerContext, ComposerControls, ComposerSettings, ConnectToolsLink } from "./components/ComposerChrome.js";
+import DragOverlay from "./components/DragOverlay.js";
+import { slashMatches } from "./components/SlashMenu.js";
+import ChatInput from "./components/ChatInput.js";
+import ChatEmptyState from "./components/ChatEmptyState.js";
+import { FOCUS_SIDEBAR_SEARCH_EVENT } from "./core/events.js";
+import { useKeyboardShortcuts } from "./core/useKeyboardShortcuts.js";
+import { KeyboardShortcutsProvider } from "./core/KeyboardShortcutsProvider.js";
+import { RenameDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarToggle, useRowDialogs } from "./ui/sidebar.js";
+import ShareDialog, { ShareButton } from "./components/ShareDialog.js";
+import ChatSidebar from "./components/ChatSidebar.js";
+import ChatLayout from "./components/ChatLayout.js";
+import ChatMessage_default from "./components/ChatMessage.js";
+import ChatMessageList from "./components/ChatMessageList.js";
+import ChatThread from "./components/ChatThread.js";
+import ComposerFrame from "./components/ComposerFrame.js";
+import { NoticeBar, NoticeCard } from "./ui/Notice.js";
+export { AGENT_COLOR_NAMES, ActivityLine, AgentMessageParts, AllocationSelector, ApprovalBlock, AttachmentManager, AttachmentUpload, BlockedGroupBanner, BranchNavigator, ChatAdapterError, ChatEmptyState, ChatInput, ChatLayout, ChatMessageList, ChatMessage_default as ChatMessageView, ChatProvider, ChatSidebar, ChatThread, ComposerContext, ComposerControls, ComposerFrame, ComposerSettings, ConnectToolsLink, DEFAULT_PERMISSION_MODE, DragOverlay, Dropdown, FOCUS_SIDEBAR_SEARCH_EVENT, INTERRUPTED_NOTICE, KeyboardShortcutsProvider, MAX_EDIT_DIFF_LINES, MAX_WRITE_DIFF_LINES, ModelSelector, NAMED_PERMISSION_MODES, NoticeBar, NoticeCard, PermissionPicker, RenameDialog, ShareButton, ShareDialog, SidebarGroupHeading, SidebarPanel, SidebarRailItem, SidebarRow, SidebarToggle, agentColorHex, agentTypeLabel, applyPartDelta, askQuestionFromArgs, bashExitCode, chatReducer, clampPermissionMode, classifyPseudoUserMessage, clip, compactCount, computeEditDiff, computeWriteRows, defaultChatStrings, durationToAbsHumanDuration, editSummary, finalizeParts, firstNonEmptyLine, formatElapsed, formatFileSize, fullToolArgs, getGreeting, getProviderKeyFromModelId, hiddenTranscriptTool, initialState, interruptionNotice, isEditDiffTool, isGroupableTool, isMac, isNamedPermissionMode, isOrgModel, languageForPath, lineDelta, parseEditArgs, parseSubagentNotice, permissionModesUpTo, planFromArgs, plural, resolveChatConfig, resultFailed, rollupSentence, sanitizeLabel, sanitizePanelText, slashMatches, subagentDeliveryLine, summarizeToolArgs, taskCallFromArgs, thinkingHeading, tokenizeDiffLines, toolHeaderFor, toolSummary, useChat, useChatConfig, useDragDrop, useKeyboardShortcuts, useRowDialogs, wordEmphasisRanges };

package/dist/ai/strings.d.ts

@@ -0,0 +1,167 @@
+import type { ReactNode } from 'react';
+export interface ChatStrings {
+    modal: {
+        cancel: string;
+        save: string;
+        loading: string;
+    };
+    shareConversation: {
+        title: string;
+        loadError: string;
+        saveSuccess: string;
+        orgAccess: string;
+        orgCanView: string;
+        allowCollaboration: string;
+        groupAccess: string;
+        noGroups: string;
+        viewOnly: string;
+        canCollaborate: string;
+        remove: string;
+        addGroups: string;
+        info: ReactNode;
+        shareButton: string;
+    };
+    blockedGroup: {
+        title: string;
+        message: string;
+    };
+    queue: {
+        remove: string;
+    };
+    activity: {
+        tokens: (input: string, output: string) => string;
+        stop: string;
+    };
+    emptyState: {
+        greeting: string | null;
+        modernSubtitle: string;
+        noProvidersTitle: string;
+        noProvidersBody: string;
+        addProvider: string;
+        sessionUnreachableTitle: (session: string) => ReactNode;
+        sessionUnreachableBody: string;
+        retry: string;
+    };
+    input: {
+        placeholder: string;
+        placeholderLoading: string;
+        placeholderNoProviders: string;
+        attachFiles: string;
+        stopGenerating: string;
+        sendMessage: string;
+        filesAttached: (count: number) => string;
+    };
+    thinking: {
+        label: string;
+        ellipsis: string;
+        thoughtFor: (duration: string) => string;
+        activity: string;
+    };
+    thread: {
+        viewOnly: string;
+    };
+    sidebar: {
+        groupToday: string;
+        groupYesterday: string;
+        groupThisWeek: string;
+        groupThisMonth: string;
+        groupOlder: string;
+        untitled: string;
+        rename: string;
+        share: string;
+        delete: string;
+        sharedWithYou: string;
+        moreOptions: string;
+        openSidebar: string;
+        closeSidebar: string;
+        newChat: string;
+        attachments: string;
+        connectTools: string;
+        manageProviders: string;
+        noConversations: string;
+        deleteTitle: string;
+        deleteBody: string;
+        deleteAction: string;
+        renameTitle: string;
+        renameAction: string;
+        renameLabel: string;
+        renamePlaceholder: string;
+    };
+    attachmentUpload: {
+        fileTooLarge: (maxSize: string) => string;
+        maxFilesAllowed: (max: number) => string;
+        remove: string;
+        dropFilesHere: string;
+        addFiles: string;
+    };
+    attachmentManager: {
+        title: string;
+        empty: string;
+        download: string;
+        delete: string;
+        loadMore: string;
+        loading: string;
+    };
+    branch: {
+        previous: string;
+        next: string;
+    };
+    chrome: {
+        searchPlaceholder: string;
+        searchLabel: string;
+        noMatches: string;
+        download: string;
+        exportError: string;
+        jumpToLatest: string;
+    };
+    messageMeta: {
+        stopped: string;
+        showMore: string;
+        showLess: string;
+        tokens: (total: number) => string;
+        tokensBreakdown: (prompt: number, completion: number) => string;
+        copy: string;
+        edit: string;
+        regenerate: string;
+        retry: string;
+        editPlaceholder: string;
+        cancel: string;
+        send: string;
+    };
+    permissions: {
+        choose: string;
+        readOnly: string;
+        acceptEdits: string;
+        bypassPermissions: string;
+        plan: string;
+        readOnlyHint: string;
+        acceptEditsHint: string;
+        bypassPermissionsHint: string;
+        planHint: string;
+    };
+    agentTranscript: {
+        showMore: string;
+        showLess: string;
+        running: string;
+        done: string;
+        failed: string;
+        interrupted: string;
+        noOutput: string;
+        diffTruncated: string;
+        moreLines: string;
+        allowOnce: string;
+        allowDirectory: string;
+        deny: string;
+        denyWithFeedback: string;
+        feedbackPlaceholder: string;
+        send: string;
+        answered: string;
+        writeOwnAnswer: string;
+        subagent: string;
+        tasks: string;
+        planPending: string;
+        approvalPending: string;
+        approvalOptions: string;
+    };
+}
+export declare const defaultChatStrings: ChatStrings;