@critical-path/svelte 0.5.4 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @critical-path/svelte
 
+## 0.7.0
+
+### Minor Changes
+
+- e9003d3: Add emoji reactions support for comment conversations with domain events, deduplication, REST endpoints, client SDK, and React/Svelte state integrations.
+
+### Patch Changes
+
+- Updated dependencies [e9003d3]
+  - @critical-path/core@0.10.0
+  - @critical-path/client@0.5.0
+
+## 0.6.0
+
+### Minor Changes
+
+- e983557: Add first-class optional todo list (checklist) support to Task model and TaskEntity with helper methods (addTodo, toggleTodo, removeTodo) and updateTask helper in @critical-path/svelte.
+
+### Patch Changes
+
+- Updated dependencies [e983557]
+  - @critical-path/core@0.9.0
+  - @critical-path/client@0.4.4
+
 ## 0.5.4
 
 ### Patch Changes

package/README.md

@@ -89,6 +89,13 @@ Combines threaded comments with inline attachments (`attachment.commentId === co
       </div>
     {/if}
 
+    <!-- Emoji Reactions -->
+    <div class="reactions">
+      <button on:click={() => activityState.addReaction(thread.id, '👍', 'user_1')}>👍</button>
+      <button on:click={() => activityState.addReaction(thread.id, '🚀', 'user_1')}>🚀</button>
+      <span>{thread.reactions?.length || 0} reactions</span>
+    </div>
+
     <!-- Threaded replies -->
     {#each thread.replies as reply}
       <div class="reply">

package/dist/activity-state.svelte.d.ts

@@ -22,6 +22,14 @@ export declare class TaskActivityState {
     addAttachment(input: Omit<Attachment, 'id' | 'taskId' | 'createdAt' | 'updatedAt'>): Promise<Attachment>;
     deleteComment(id: string): Promise<void>;
     deleteAttachment(id: string): Promise<void>;
+    addReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
+    removeReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
 }
 export declare function createTaskActivityState(client: CriticalPathClient, taskId?: string): TaskActivityState;
 //# sourceMappingURL=activity-state.svelte.d.ts.map

package/dist/activity-state.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-state.svelte.d.ts","sourceRoot":"","sources":["../src/activity-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,8BAA+B,SAAQ,OAAO;IAC7D,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C;AAED,qBAAa,iBAAiB;IA6ChB,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IA5CtE,QAAQ,YAAyB;IACjC,WAAW,eAA4B;IACvC,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,mCAiCJ;IAEH,qBAAqB,eAElB;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAwBrB,UAAU,CACd,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,EACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;;;IAiCjG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAelF,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,gBAAgB,CAAC,EAAE,EAAE,MAAM;CAYlC;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAEtG"}
+{"version":3,"file":"activity-state.svelte.d.ts","sourceRoot":"","sources":["../src/activity-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,8BAA+B,SAAQ,OAAO;IAC7D,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C;AAED,qBAAa,iBAAiB;IA6ChB,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IA5CtE,QAAQ,YAAyB;IACjC,WAAW,eAA4B;IACvC,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,mCAiCJ;IAEH,qBAAqB,eAElB;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAwBrB,UAAU,CACd,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,EACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;;;IAiCjG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAelF,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAa3B,WAAW,CACf,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;IAiBhB,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;CAgBvB;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAEtG"}

package/dist/comment-state.svelte.d.ts

@@ -15,6 +15,14 @@ export declare class CommentState {
     addComment(input: Omit<Comment, 'id' | 'taskId' | 'createdAt' | 'updatedAt'>): Promise<Comment>;
     updateComment(id: string, updates: Partial<Comment>): Promise<Comment>;
     deleteComment(id: string): Promise<void>;
+    addReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
+    removeReaction(commentId: string, reactionOrEmoji: {
+        emoji: string;
+        userId: string;
+    } | string, maybeUserId?: string): Promise<Comment>;
 }
 export declare function createCommentState(client: CriticalPathClient, taskId?: string): CommentState;
 //# sourceMappingURL=comment-state.svelte.d.ts.map

package/dist/comment-state.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comment-state.svelte.d.ts","sourceRoot":"","sources":["../src/comment-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,qBAAa,YAAY;IAyBX,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IAxBtE,IAAI,YAAyB;IAC7B,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,oBAkBJ;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAkBrB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAe5E,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAYnD,aAAa,CAAC,EAAE,EAAE,MAAM;CAY/B;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAE5F"}
+{"version":3,"file":"comment-state.svelte.d.ts","sourceRoot":"","sources":["../src/comment-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,OAAO;IAC9C,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,qBAAa,YAAY;IAyBX,OAAO,CAAC,MAAM;IAA6B,MAAM,CAAC,EAAE,MAAM;IAxBtE,IAAI,YAAyB;IAC7B,OAAO,UAA0B;IACjC,KAAK,eAA8B;IAEnC,OAAO,oBAkBJ;gBAEiB,MAAM,EAAE,kBAAkB,EAAS,MAAM,CAAC,EAAE,MAAM,YAAA;IAEhE,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;IAkBrB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAe5E,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAYnD,aAAa,CAAC,EAAE,EAAE,MAAM;IAaxB,WAAW,CACf,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;IAiBhB,cAAc,CAClB,SAAS,EAAE,MAAM,EACjB,eAAe,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,EAC3D,WAAW,CAAC,EAAE,MAAM;CAgBvB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAE5F"}

package/dist/index.js

@@ -114,6 +114,32 @@ var i = class {
 			throw this.error = n, n;
 		}
 	}
+	async updateTask(e, t) {
+		let n = this.data.findIndex((t) => t.id === e);
+		if (n === -1) return this.client.updateTask(e, t);
+		let r = this.data[n], i = {
+			...r,
+			...t,
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		}, a = [...this.data];
+		a[n] = i, this.data = a;
+		try {
+			let n = await this.client.updateTask(e, t), r = this.data.findIndex((t) => t.id === e);
+			if (r !== -1) {
+				let e = [...this.data];
+				e[r] = n, this.data = e;
+			}
+			return n;
+		} catch (t) {
+			let n = this.data.findIndex((t) => t.id === e);
+			if (n !== -1) {
+				let e = [...this.data];
+				e[n] = r, this.data = e;
+			}
+			let i = t instanceof Error ? t : Error(String(t));
+			throw this.error = i, i;
+		}
+	}
 	async updateTaskStatus(e, t) {
 		let n = this.data.findIndex((t) => t.id === e);
 		if (n === -1) return this.client.updateTask(e, { status: t });
@@ -321,6 +347,30 @@ var c = class {
 			throw this.error = n, n;
 		}
 	}
+	async addReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.addCommentReaction(e, r);
+			return this.data = this.data.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async removeReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.removeCommentReaction(e, r);
+			return this.data = this.data.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
 };
 function l(e, t) {
 	return new c(e, t);
@@ -522,6 +572,30 @@ var f = class {
 			throw this.error = n, n;
 		}
 	}
+	async addReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.addCommentReaction(e, r);
+			return this.comments = this.comments.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
+	async removeReaction(e, t, n) {
+		try {
+			let r = typeof t == "string" ? {
+				emoji: t,
+				userId: n
+			} : t, i = await this.client.removeCommentReaction(e, r);
+			return this.comments = this.comments.map((t) => t.id === e ? i : t), i;
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			throw this.error = t, t;
+		}
+	}
 };
 function p(e, t) {
 	return new f(e, t);

package/dist/task-state.svelte.d.ts

@@ -9,6 +9,7 @@ export declare class TaskState {
     constructor(client: CriticalPathClient, projectId?: string | undefined);
     fetch(): Promise<void>;
     createTask(input: Omit<Task, 'id' | 'createdAt' | 'updatedAt'>): Promise<Task>;
+    updateTask(taskId: string, updates: Partial<Task>): Promise<Task>;
     updateTaskStatus(taskId: string, status: TaskStatus): Promise<Task>;
     deleteTask(taskId: string): Promise<boolean | undefined>;
 }

package/dist/task-state.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-state.svelte.d.ts","sourceRoot":"","sources":["../src/task-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,qBAAa,SAAS;IAMlB,OAAO,CAAC,MAAM;IACP,SAAS,CAAC,EAAE,MAAM;IAN3B,IAAI,SAAsB;IAC1B,OAAO,UAA0B;IACjC,KAAK,eAA8B;gBAGzB,MAAM,EAAE,kBAAkB,EAC3B,SAAS,CAAC,EAAE,MAAM,YAAA;IAGrB,KAAK;IAYL,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC;IA2B9D,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAyCnD,UAAU,CAAC,MAAM,EAAE,MAAM;CAuBhC;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,SAAS,CAEX"}
+{"version":3,"file":"task-state.svelte.d.ts","sourceRoot":"","sources":["../src/task-state.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,qBAAa,SAAS;IAMlB,OAAO,CAAC,MAAM;IACP,SAAS,CAAC,EAAE,MAAM;IAN3B,IAAI,SAAsB;IAC1B,OAAO,UAA0B;IACjC,KAAK,eAA8B;gBAGzB,MAAM,EAAE,kBAAkB,EAC3B,SAAS,CAAC,EAAE,MAAM,YAAA;IAGrB,KAAK;IAYL,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC;IA2B9D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;IAyCjD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAyCnD,UAAU,CAAC,MAAM,EAAE,MAAM;CAuBhC;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,EAC1B,SAAS,CAAC,EAAE,MAAM,GACjB,SAAS,CAEX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@critical-path/svelte",
-  "version": "0.5.4",
+  "version": "0.7.0",
   "description": "Svelte 5 Runes state and reactive integrations for Critical Path headless project management framework",
   "author": "Jack James",
   "license": "MIT",
@@ -18,8 +18,8 @@
     }
   },
   "dependencies": {
-    "@critical-path/client": "0.4.3",
-    "@critical-path/core": "0.8.3"
+    "@critical-path/client": "0.5.0",
+    "@critical-path/core": "0.10.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/activity-state.svelte.ts

@@ -153,6 +153,46 @@ export class TaskActivityState {
       throw errorObj;
     }
   }
+
+  async addReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.addCommentReaction(commentId, payload);
+      this.comments = this.comments.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async removeReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.removeCommentReaction(commentId, payload);
+      this.comments = this.comments.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
 }
 
 export function createTaskActivityState(client: CriticalPathClient, taskId?: string): TaskActivityState {

package/src/comment-state.svelte.ts

@@ -90,6 +90,46 @@ export class CommentState {
       throw errorObj;
     }
   }
+
+  async addReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.addCommentReaction(commentId, payload);
+      this.data = this.data.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
+  async removeReaction(
+    commentId: string,
+    reactionOrEmoji: { emoji: string; userId: string } | string,
+    maybeUserId?: string
+  ) {
+    try {
+      const payload =
+        typeof reactionOrEmoji === 'string'
+          ? { emoji: reactionOrEmoji, userId: maybeUserId! }
+          : reactionOrEmoji;
+      const updated = await this.client.removeCommentReaction(commentId, payload);
+      this.data = this.data.map((c) => (c.id === commentId ? updated : c));
+      return updated;
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
 }
 
 export function createCommentState(client: CriticalPathClient, taskId?: string): CommentState {

package/src/index.test.ts

@@ -131,7 +131,7 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       const mockClient = {
         getTasks: vi.fn().mockResolvedValue([mockTask]),
         createTask: vi.fn().mockResolvedValue(mockTask),
-        updateTask: vi.fn().mockResolvedValue(updatedTask),
+        updateTask: vi.fn().mockImplementation((taskId: string, updates: Partial<Task>) => Promise.resolve({ ...mockTask, ...updates })),
         deleteTask: vi.fn().mockResolvedValue(undefined)
       } as unknown as CriticalPathClient;
 
@@ -144,6 +144,12 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       await taskState.updateTaskStatus('task_1', 'in_progress');
       expect(taskState.data[0].status).toBe('in_progress');
 
+      // Update task generic updates (e.g. todos)
+      await taskState.updateTask('task_1', {
+        todos: [{ id: 'todo_1', title: 'Checklist item', completed: true }]
+      });
+      expect(taskState.data[0].todos).toEqual([{ id: 'todo_1', title: 'Checklist item', completed: true }]);
+
       // Delete task
       await taskState.deleteTask('task_1');
       expect(taskState.data).toEqual([]);
@@ -210,12 +216,15 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
         updatedAt: '2026-01-01'
       };
       const updatedComment = { ...mockComment, content: 'Updated comment' };
+      const reactedComment = { ...mockComment, reactions: [{ emoji: '🔥', userId: 'u2', createdAt: '2026-01-01' }] };
 
       const mockClient = {
         getComments: vi.fn().mockResolvedValue([mockComment]),
         addComment: vi.fn().mockResolvedValue(mockComment),
         updateComment: vi.fn().mockResolvedValue(updatedComment),
-        deleteComment: vi.fn().mockResolvedValue(true)
+        deleteComment: vi.fn().mockResolvedValue(true),
+        addCommentReaction: vi.fn().mockResolvedValue(reactedComment),
+        removeCommentReaction: vi.fn().mockResolvedValue(mockComment)
       } as unknown as CriticalPathClient;
 
       const commentState = new CommentState(mockClient, 'task_1');
@@ -226,6 +235,13 @@ describe('@critical-path/svelte Svelte 5 Runes Test Suite', () => {
       await commentState.updateComment('cmt_1', { content: 'Updated comment' });
       expect(commentState.data[0].content).toBe('Updated comment');
 
+      await commentState.addReaction('cmt_1', '🔥', 'u2');
+      expect(commentState.data[0].reactions).toHaveLength(1);
+      expect(commentState.data[0].reactions?.[0].emoji).toBe('🔥');
+
+      await commentState.removeReaction('cmt_1', '🔥', 'u2');
+      expect(commentState.data[0].reactions).toBeUndefined();
+
       await commentState.deleteComment('cmt_1');
       expect(commentState.data).toEqual([]);
     });

package/src/task-state.svelte.ts

@@ -51,6 +51,47 @@ export class TaskState {
     }
   }
 
+  async updateTask(taskId: string, updates: Partial<Task>) {
+    const idx = this.data.findIndex((t) => t.id === taskId);
+    if (idx === -1) {
+      return this.client.updateTask(taskId, updates);
+    }
+
+    const previousTask = this.data[idx];
+    const optimisticTask: Task = {
+      ...previousTask,
+      ...updates,
+      updatedAt: new Date().toISOString()
+    };
+
+    // Optimistically update local task
+    const newData = [...this.data];
+    newData[idx] = optimisticTask;
+    this.data = newData;
+
+    try {
+      const updated = await this.client.updateTask(taskId, updates);
+      const currentIdx = this.data.findIndex((t) => t.id === taskId);
+      if (currentIdx !== -1) {
+        const confirmedData = [...this.data];
+        confirmedData[currentIdx] = updated;
+        this.data = confirmedData;
+      }
+      return updated;
+    } catch (err) {
+      // Rollback to previous task on error
+      const rollbackIdx = this.data.findIndex((t) => t.id === taskId);
+      if (rollbackIdx !== -1) {
+        const rollbackData = [...this.data];
+        rollbackData[rollbackIdx] = previousTask;
+        this.data = rollbackData;
+      }
+      const errorObj = err instanceof Error ? err : new Error(String(err));
+      this.error = errorObj;
+      throw errorObj;
+    }
+  }
+
   async updateTaskStatus(taskId: string, status: TaskStatus) {
     const idx = this.data.findIndex((t) => t.id === taskId);
     if (idx === -1) {