@emberai-engg/task-board 0.4.1 → 0.5.0

package/README.md

@@ -101,8 +101,13 @@ the consumer owns navigation.
   active/completed filter, per-thread title and complete/reopen, thread
   composer with attachments and public/internal toggle
 - **Highlight-to-comment** — select text in a description section to attach a
-  thread anchor; clicking the anchor pill scrolls back to the section and
-  pulses it
+  thread anchor; the source text stays wrapped in a yellow `<mark>` so you
+  can see where threads attach. Clicking the mark (or the anchor pill on a
+  thread card) scrolls back to the section and pulses the highlight.
+- **Edit + delete on messages and threads** — hover a message you wrote in a
+  thread for an Edit / Delete kebab. The thread-detail header has its own
+  kebab (Edit title + Delete thread). Deleting a thread cascades to its
+  replies on the backend.
 
 ## Props / Config Reference
 

package/dist/index.d.mts

@@ -363,8 +363,12 @@ interface MentionTextareaProps {
     rows?: number;
     className?: string;
     disabled?: boolean;
+    /** Focus the underlying textarea on mount. Use for composers that should be
+     *  immediately writable (e.g. when the user opens the new-thread composer
+     *  from a highlight-to-comment selection). */
+    autoFocus?: boolean;
 }
-declare function MentionTextarea({ value, onChange, onKeyDown, placeholder, rows, className, disabled, }: MentionTextareaProps): react_jsx_runtime.JSX.Element;
+declare function MentionTextarea({ value, onChange, onKeyDown, placeholder, rows, className, disabled, autoFocus, }: MentionTextareaProps): react_jsx_runtime.JSX.Element;
 
 declare function SkeletonPulse({ className }: {
     className?: string;
@@ -433,6 +437,13 @@ interface DescriptionSectionProps {
     onStatusChange: (next: SectionStatus) => void;
     /** Optional saving indicator passed through to the editor. */
     saving?: boolean;
+    /** Threads anchored to this section — drives the inline `<mark>` highlights. */
+    anchors?: Array<{
+        snippet: string;
+        threadId: string;
+    }>;
+    /** Click handler when the user clicks on a highlighted snippet. */
+    onAnchorClick?: (threadId: string) => void;
 }
 /**
  * One free-text description section (Problem / User Story / etc.) with:
@@ -440,8 +451,10 @@ interface DescriptionSectionProps {
  *   - read-mode `MarkdownView`
  *   - click-to-focus WYSIWYG `MarkdownEditor`
  *   - `data-section={sectionKey}` so highlight-to-comment can anchor here
+ *   - inline `<mark class="eb-tb-annot">` wrapping each anchor's snippet
+ *     (clicking the mark opens that thread in the right panel)
  */
-declare function DescriptionSection({ sectionKey, label, placeholder, value, onChange, status, onStatusChange, saving, }: DescriptionSectionProps): react_jsx_runtime.JSX.Element;
+declare function DescriptionSection({ sectionKey, label, placeholder, value, onChange, status, onStatusChange, saving, anchors, onAnchorClick, }: DescriptionSectionProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Lightweight read-mode markdown renderer for description sections, thread
@@ -536,6 +549,8 @@ interface Thread {
     status: ThreadStatus;
     /** Original mention-tagged text, used when rendering the message. */
     rawContent: string;
+    /** Whether the thread root has been edited at least once. */
+    edited?: boolean;
     anchor?: ThreadAnchor | null;
     attachments: Attachment[];
     replies: ThreadReply[];
@@ -547,6 +562,7 @@ interface ThreadReply {
     content: string;
     created_at: string;
     is_internal: boolean;
+    edited?: boolean;
 }
 /** Group a flat comments list into threads (top-level + replies + resolved attachments). */
 declare function deriveThreads(comments: Comment[], attachments: Attachment[]): Thread[];
@@ -559,6 +575,8 @@ interface ThreadsPanelProps {
     threads: Thread[];
     activity: ActivityEntry[];
     attachments: Attachment[];
+    /** Username of the logged-in user — used by the detail view to flag own messages. */
+    currentUsername: string;
     /** Open / close state. Lift this to the page so the bubble + main padding can coordinate. */
     open: boolean;
     onToggle: () => void;
@@ -589,6 +607,12 @@ interface ThreadsPanelProps {
         title?: string;
         thread_status?: ThreadStatus;
     }) => Promise<void>;
+    /** Edit a single comment (thread root or reply). Author-only on the backend. */
+    onEditMessage: (messageId: string, content: string) => Promise<void>;
+    /** Delete a single reply. Backend keeps the parent thread intact. */
+    onDeleteMessage: (messageId: string) => Promise<void>;
+    /** Delete the whole thread (root + replies). Backend cascades. */
+    onDeleteThread: (threadId: string) => Promise<void>;
     /** Upload a file attachment for the current task. Returns the new row. */
     onUploadAttachment: (file: File) => Promise<Attachment>;
     /** Add a link/recording attachment for the current task. */
@@ -599,7 +623,7 @@ interface ThreadsPanelProps {
  * thread detail view, and the new-thread composer. Designed to be `xl:flex
  * hidden` and `fixed` to the right edge by the consuming page.
  */
-declare function ThreadsPanel({ threads, activity, attachments, open, onToggle, openThreadId, onOpenThread, pendingAnchor, onClearAnchor, onAnchorClick, shimmeringThreadIds, isInternalUser, onCreateThread, onCreateReply, onUpdateThread, onUploadAttachment, onAddLinkAttachment, }: ThreadsPanelProps): react_jsx_runtime.JSX.Element;
+declare function ThreadsPanel({ threads, activity, attachments, currentUsername, open, onToggle, openThreadId, onOpenThread, pendingAnchor, onClearAnchor, onAnchorClick, shimmeringThreadIds, isInternalUser, onCreateThread, onCreateReply, onUpdateThread, onEditMessage, onDeleteMessage, onDeleteThread, onUploadAttachment, onAddLinkAttachment, }: ThreadsPanelProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadCardProps {
     thread: Thread;
@@ -619,18 +643,26 @@ declare function ThreadCard({ thread, onOpen, onAnchorClick, shimmer }: ThreadCa
 
 interface ThreadDetailViewProps {
     thread: Thread;
+    /** Username of the logged-in user, for own-message detection. */
+    currentUsername: string;
     onBack: () => void;
     onReply: (content: string, isInternal: boolean) => Promise<void>;
     onUpdateThread: (body: {
         title?: string;
         thread_status?: ThreadStatus;
     }) => Promise<void>;
+    /** Edit a single message (thread root or reply). Author-only on the backend. */
+    onEditMessage: (messageId: string, content: string) => Promise<void>;
+    /** Delete a single reply. Backend keeps the parent thread intact. */
+    onDeleteMessage: (messageId: string) => Promise<void>;
+    /** Delete the whole thread (root + replies). Backend cascades. */
+    onDeleteThread: (threadId: string) => Promise<void>;
     onAnchorClick: (anchor: ThreadAnchor) => void;
     /** Whether the current user can post internal-only replies. */
     isInternalUser: boolean;
 }
 /** Detail view shown inside the threads panel when a thread card is clicked. */
-declare function ThreadDetailView({ thread, onBack, onReply, onUpdateThread, onAnchorClick, isInternalUser, }: ThreadDetailViewProps): react_jsx_runtime.JSX.Element;
+declare function ThreadDetailView({ thread, currentUsername, onBack, onReply, onUpdateThread, onEditMessage, onDeleteMessage, onDeleteThread, onAnchorClick, isInternalUser, }: ThreadDetailViewProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadComposerProps {
     /** Existing attachments on the task — used to render chips for already-uploaded files. */

package/dist/index.d.ts

@@ -363,8 +363,12 @@ interface MentionTextareaProps {
     rows?: number;
     className?: string;
     disabled?: boolean;
+    /** Focus the underlying textarea on mount. Use for composers that should be
+     *  immediately writable (e.g. when the user opens the new-thread composer
+     *  from a highlight-to-comment selection). */
+    autoFocus?: boolean;
 }
-declare function MentionTextarea({ value, onChange, onKeyDown, placeholder, rows, className, disabled, }: MentionTextareaProps): react_jsx_runtime.JSX.Element;
+declare function MentionTextarea({ value, onChange, onKeyDown, placeholder, rows, className, disabled, autoFocus, }: MentionTextareaProps): react_jsx_runtime.JSX.Element;
 
 declare function SkeletonPulse({ className }: {
     className?: string;
@@ -433,6 +437,13 @@ interface DescriptionSectionProps {
     onStatusChange: (next: SectionStatus) => void;
     /** Optional saving indicator passed through to the editor. */
     saving?: boolean;
+    /** Threads anchored to this section — drives the inline `<mark>` highlights. */
+    anchors?: Array<{
+        snippet: string;
+        threadId: string;
+    }>;
+    /** Click handler when the user clicks on a highlighted snippet. */
+    onAnchorClick?: (threadId: string) => void;
 }
 /**
  * One free-text description section (Problem / User Story / etc.) with:
@@ -440,8 +451,10 @@ interface DescriptionSectionProps {
  *   - read-mode `MarkdownView`
  *   - click-to-focus WYSIWYG `MarkdownEditor`
  *   - `data-section={sectionKey}` so highlight-to-comment can anchor here
+ *   - inline `<mark class="eb-tb-annot">` wrapping each anchor's snippet
+ *     (clicking the mark opens that thread in the right panel)
  */
-declare function DescriptionSection({ sectionKey, label, placeholder, value, onChange, status, onStatusChange, saving, }: DescriptionSectionProps): react_jsx_runtime.JSX.Element;
+declare function DescriptionSection({ sectionKey, label, placeholder, value, onChange, status, onStatusChange, saving, anchors, onAnchorClick, }: DescriptionSectionProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Lightweight read-mode markdown renderer for description sections, thread
@@ -536,6 +549,8 @@ interface Thread {
     status: ThreadStatus;
     /** Original mention-tagged text, used when rendering the message. */
     rawContent: string;
+    /** Whether the thread root has been edited at least once. */
+    edited?: boolean;
     anchor?: ThreadAnchor | null;
     attachments: Attachment[];
     replies: ThreadReply[];
@@ -547,6 +562,7 @@ interface ThreadReply {
     content: string;
     created_at: string;
     is_internal: boolean;
+    edited?: boolean;
 }
 /** Group a flat comments list into threads (top-level + replies + resolved attachments). */
 declare function deriveThreads(comments: Comment[], attachments: Attachment[]): Thread[];
@@ -559,6 +575,8 @@ interface ThreadsPanelProps {
     threads: Thread[];
     activity: ActivityEntry[];
     attachments: Attachment[];
+    /** Username of the logged-in user — used by the detail view to flag own messages. */
+    currentUsername: string;
     /** Open / close state. Lift this to the page so the bubble + main padding can coordinate. */
     open: boolean;
     onToggle: () => void;
@@ -589,6 +607,12 @@ interface ThreadsPanelProps {
         title?: string;
         thread_status?: ThreadStatus;
     }) => Promise<void>;
+    /** Edit a single comment (thread root or reply). Author-only on the backend. */
+    onEditMessage: (messageId: string, content: string) => Promise<void>;
+    /** Delete a single reply. Backend keeps the parent thread intact. */
+    onDeleteMessage: (messageId: string) => Promise<void>;
+    /** Delete the whole thread (root + replies). Backend cascades. */
+    onDeleteThread: (threadId: string) => Promise<void>;
     /** Upload a file attachment for the current task. Returns the new row. */
     onUploadAttachment: (file: File) => Promise<Attachment>;
     /** Add a link/recording attachment for the current task. */
@@ -599,7 +623,7 @@ interface ThreadsPanelProps {
  * thread detail view, and the new-thread composer. Designed to be `xl:flex
  * hidden` and `fixed` to the right edge by the consuming page.
  */
-declare function ThreadsPanel({ threads, activity, attachments, open, onToggle, openThreadId, onOpenThread, pendingAnchor, onClearAnchor, onAnchorClick, shimmeringThreadIds, isInternalUser, onCreateThread, onCreateReply, onUpdateThread, onUploadAttachment, onAddLinkAttachment, }: ThreadsPanelProps): react_jsx_runtime.JSX.Element;
+declare function ThreadsPanel({ threads, activity, attachments, currentUsername, open, onToggle, openThreadId, onOpenThread, pendingAnchor, onClearAnchor, onAnchorClick, shimmeringThreadIds, isInternalUser, onCreateThread, onCreateReply, onUpdateThread, onEditMessage, onDeleteMessage, onDeleteThread, onUploadAttachment, onAddLinkAttachment, }: ThreadsPanelProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadCardProps {
     thread: Thread;
@@ -619,18 +643,26 @@ declare function ThreadCard({ thread, onOpen, onAnchorClick, shimmer }: ThreadCa
 
 interface ThreadDetailViewProps {
     thread: Thread;
+    /** Username of the logged-in user, for own-message detection. */
+    currentUsername: string;
     onBack: () => void;
     onReply: (content: string, isInternal: boolean) => Promise<void>;
     onUpdateThread: (body: {
         title?: string;
         thread_status?: ThreadStatus;
     }) => Promise<void>;
+    /** Edit a single message (thread root or reply). Author-only on the backend. */
+    onEditMessage: (messageId: string, content: string) => Promise<void>;
+    /** Delete a single reply. Backend keeps the parent thread intact. */
+    onDeleteMessage: (messageId: string) => Promise<void>;
+    /** Delete the whole thread (root + replies). Backend cascades. */
+    onDeleteThread: (threadId: string) => Promise<void>;
     onAnchorClick: (anchor: ThreadAnchor) => void;
     /** Whether the current user can post internal-only replies. */
     isInternalUser: boolean;
 }
 /** Detail view shown inside the threads panel when a thread card is clicked. */
-declare function ThreadDetailView({ thread, onBack, onReply, onUpdateThread, onAnchorClick, isInternalUser, }: ThreadDetailViewProps): react_jsx_runtime.JSX.Element;
+declare function ThreadDetailView({ thread, currentUsername, onBack, onReply, onUpdateThread, onEditMessage, onDeleteMessage, onDeleteThread, onAnchorClick, isInternalUser, }: ThreadDetailViewProps): react_jsx_runtime.JSX.Element;
 
 interface ThreadComposerProps {
     /** Existing attachments on the task — used to render chips for already-uploaded files. */