@townco/ui 0.1.93 → 0.1.97

package/dist/gui/components/ChatView.js

@@ -309,7 +309,7 @@ export function ChatView({ client, initialSessionId, error: initError, debuggerU
                                                             .slice(0, index + 1)
                                                             .filter((m) => m.role === "user").length - 1
                                                         : -1;
-                                                    return (_jsx(Message, { message: message, className: cn(spacingClass, "group"), isLastMessage: index === messages.length - 1, children: _jsx("div", { className: "flex flex-col w-full", children: message.role === "user" ? (_jsx(EditableUserMessage, { message: message, messageIndex: userMessageIndex, isStreaming: anyMessageStreaming, onEditAndResend: editAndResend, sticky: true })) : (_jsxs(_Fragment, { children: [
+                                                    return (_jsx(Message, { message: message, className: cn(spacingClass, "group"), isLastMessage: index === messages.length - 1, children: _jsx("div", { className: "flex flex-col w-full", children: message.role === "user" ? (_jsx(EditableUserMessage, { message: message, messageIndex: userMessageIndex, isStreaming: anyMessageStreaming, onEditAndResend: editAndResend })) : (_jsxs(_Fragment, { children: [
                                                                     _jsx(MessageContent, { message: message, thinkingDisplayStyle: "collapsible" }), _jsx(MessageActions, { message: message, isStreaming: message.isStreaming, onSendMessage: sendMessage, isLastAssistantMessage: index ===
                                                                             messages.findLastIndex((m) => m.role === "assistant"), onRedo: () => {
                                                                             // Find the user message that preceded this assistant message

package/dist/gui/components/EditableUserMessage.d.ts

@@ -10,9 +10,7 @@ export interface EditableUserMessageProps {
         mimeType: string;
         data: string;
     }>) => void;
-    /** Whether to make the message content sticky */
-    sticky?: boolean;
 }
-declare function PureEditableUserMessage({ message, messageIndex, isStreaming, onEditAndResend, sticky }: EditableUserMessageProps): import("react/jsx-runtime").JSX.Element;
+declare function PureEditableUserMessage({ message, messageIndex, isStreaming, onEditAndResend }: EditableUserMessageProps): import("react/jsx-runtime").JSX.Element;
 export declare const EditableUserMessage: import("react").MemoExoticComponent<typeof PureEditableUserMessage>;
 export {};

package/dist/gui/components/EditableUserMessage.js

@@ -1,39 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Copy, Pencil } from "lucide-react";
-import { memo, useCallback, useRef, useState } from "react";
+import { memo, useCallback, useState } from "react";
 import { toast } from "sonner";
 import { Action, Actions } from "./Actions.js";
 import { Button } from "./Button.js";
 import { MessageContent } from "./MessageContent.js";
 import { Textarea } from "./Textarea.js";
-function PureEditableUserMessage({ message, messageIndex, isStreaming, onEditAndResend, sticky = false, }) {
+function PureEditableUserMessage({ message, messageIndex, isStreaming, onEditAndResend, }) {
     const [isEditing, setIsEditing] = useState(false);
     const [editedContent, setEditedContent] = useState(message.content || "");
     const [isCopied, setIsCopied] = useState(false);
-    const containerRef = useRef(null);
-    // Handle clicking the sticky message to scroll back to its position
-    const handleStickyClick = useCallback(() => {
-        if (!sticky || !containerRef.current)
-            return;
-        // Find the scroll container (parent with overflow-y-auto)
-        let scrollContainer = containerRef.current.parentElement;
-        while (scrollContainer &&
-            !scrollContainer.classList.contains("overflow-y-auto")) {
-            scrollContainer = scrollContainer.parentElement;
-        }
-        if (scrollContainer) {
-            // Get the element's position relative to the scroll container
-            const _elementRect = containerRef.current.getBoundingClientRect();
-            const _containerRect = scrollContainer.getBoundingClientRect();
-            const elementTop = containerRef.current.offsetTop;
-            // Scroll so the element is at the top of the container
-            scrollContainer.scrollTo({
-                top: elementTop - 16, // Small offset for padding
-                behavior: "smooth",
-            });
-        }
-    }, [sticky]);
     const handleCopy = useCallback(async () => {
         if (!message.content) {
             toast.error("There's no text to copy!");
@@ -89,14 +66,8 @@ function PureEditableUserMessage({ message, messageIndex, isStreaming, onEditAnd
                     ] })
             ] }));
     }
-    return (_jsxs("div", { ref: containerRef, className: "w-full group/user-message", children: [
-            _jsx("div", { className: sticky ? "sticky top-0 z-10 bg-background cursor-pointer" : "", onClick: sticky ? handleStickyClick : undefined, onKeyDown: sticky
-                    ? (e) => {
-                        if (e.key === "Enter" || e.key === " ") {
-                            handleStickyClick();
-                        }
-                    }
-                    : undefined, role: sticky ? "button" : undefined, tabIndex: sticky ? 0 : undefined, children: _jsx(MessageContent, { message: message }) }), !isStreaming && message.content && (_jsxs(Actions, { className: "mt-2 opacity-0 group-hover/user-message:opacity-100 transition-opacity", children: [
+    return (_jsxs("div", { className: "w-full group/user-message", children: [
+            _jsx(MessageContent, { message: message }), !isStreaming && message.content && (_jsxs(Actions, { className: "mt-2 opacity-0 group-hover/user-message:opacity-100 transition-opacity", children: [
                     _jsx(Action, { onClick: handleCopy, tooltip: isCopied ? "Copied!" : "Copy", children: isCopied ? (_jsx(Check, { className: "size-4" })) : (_jsx(Copy, { className: "size-4" })) }), _jsx(Action, { onClick: handleStartEdit, tooltip: "Edit", children: _jsx(Pencil, { className: "size-4" }) })
                 ] }))] }));
 }
@@ -104,6 +75,5 @@ export const EditableUserMessage = memo(PureEditableUserMessage, (prevProps, nex
     return (prevProps.isStreaming === nextProps.isStreaming &&
         prevProps.message.id === nextProps.message.id &&
         prevProps.message.content === nextProps.message.content &&
-        prevProps.messageIndex === nextProps.messageIndex &&
-        prevProps.sticky === nextProps.sticky);
+        prevProps.messageIndex === nextProps.messageIndex);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.93",
+  "version": "0.1.97",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@townco/core": "0.0.71",
+    "@townco/core": "0.0.75",
     "@types/mdast": "^4.0.4",
     "@uiw/react-json-view": "^2.0.0-alpha.39",
     "class-variance-authority": "^0.7.1",
@@ -67,7 +67,7 @@
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@townco/tsconfig": "0.1.90",
+    "@townco/tsconfig": "0.1.94",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",