From c0aa22adb095192fb8a6b888df65f327cfbe0ab5 Mon Sep 17 00:00:00 2001
From: Chen Asraf <casraf@pm.me>
Date: Wed, 18 Mar 2026 11:11:53 +0200
Subject: [PATCH] feat: editable templates

---
 lib/Controller/TemplateController.php         | 171 ++++++
 lib/Db/Template.php                           |  69 +++
 lib/Db/TemplateMapper.php                     |  86 +++
 lib/Migration/Version25Date20260318000000.php |  70 +++
 openapi-full.json                             | 474 +++++++++++++++
 openapi.json                                  | 474 +++++++++++++++
 src/components/BBCodeEditor/BBCodeEditor.vue  |   7 +
 .../BBCodeToolbar/BBCodeToolbar.test.ts       |  11 +
 .../BBCodeToolbar/BBCodeToolbar.vue           |  55 +-
 src/components/PostEditForm/PostEditForm.vue  |   1 +
 .../PostReplyForm/PostReplyForm.vue           |   1 +
 .../TemplateModal/TemplateModal.test.ts       | 563 ++++++++++++++++++
 .../TemplateModal/TemplateModal.vue           | 478 +++++++++++++++
 src/components/TemplateModal/index.ts         |   2 +
 .../ThreadCreateForm/ThreadCreateForm.vue     |   1 +
 src/test-mocks.ts                             |  24 +-
 src/types/models.ts                           |  11 +
 .../Controller/TemplateControllerTest.php     | 340 +++++++++++
 tests/unit/Db/TemplateMapperTest.php          | 142 +++++
 19 files changed, 2977 insertions(+), 3 deletions(-)
 create mode 100644 lib/Controller/TemplateController.php
 create mode 100644 lib/Db/Template.php
 create mode 100644 lib/Db/TemplateMapper.php
 create mode 100644 lib/Migration/Version25Date20260318000000.php
 create mode 100644 src/components/TemplateModal/TemplateModal.test.ts
 create mode 100644 src/components/TemplateModal/TemplateModal.vue
 create mode 100644 src/components/TemplateModal/index.ts
 create mode 100644 tests/unit/Controller/TemplateControllerTest.php
 create mode 100644 tests/unit/Db/TemplateMapperTest.php

diff --git a/lib/Controller/TemplateController.php b/lib/Controller/TemplateController.php
new file mode 100644
index 0000000..41c4174
--- /dev/null
+++ b/lib/Controller/TemplateController.php
@@ -0,0 +1,171 @@
+<?php
+
+declare(strict_types=1);
+
+// SPDX-FileCopyrightText: Chen Asraf <contact@casraf.dev>
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+namespace OCA\Forum\Controller;
+
+use OCA\Forum\Db\Template;
+use OCA\Forum\Db\TemplateMapper;
+use OCP\AppFramework\Db\DoesNotExistException;
+use OCP\AppFramework\Http;
+use OCP\AppFramework\Http\Attribute\ApiRoute;
+use OCP\AppFramework\Http\Attribute\NoAdminRequired;
+use OCP\AppFramework\Http\DataResponse;
+use OCP\AppFramework\OCSController;
+use OCP\IRequest;
+use Psr\Log\LoggerInterface;
+
+class TemplateController extends OCSController {
+	public function __construct(
+		string $appName,
+		IRequest $request,
+		private TemplateMapper $templateMapper,
+		private LoggerInterface $logger,
+		private ?string $userId,
+	) {
+		parent::__construct($appName, $request);
+	}
+
+	/**
+	 * List current user's templates
+	 *
+	 * @param string|null $visibility Optional visibility filter (threads, replies)
+	 * @return DataResponse<Http::STATUS_OK, list<array<string, mixed>>, array{}>
+	 *
+	 * 200: Templates returned
+	 */
+	#[NoAdminRequired]
+	#[ApiRoute(verb: 'GET', url: '/api/templates')]
+	public function index(?string $visibility = null): DataResponse {
+		try {
+			$templates = $this->templateMapper->findByUserId($this->userId, $visibility);
+			return new DataResponse(array_map(fn ($t) => $t->jsonSerialize(), $templates));
+		} catch (\Exception $e) {
+			$this->logger->error('Error fetching templates: ' . $e->getMessage());
+			return new DataResponse(['error' => 'Failed to fetch templates'], Http::STATUS_INTERNAL_SERVER_ERROR);
+		}
+	}
+
+	/**
+	 * Create a template
+	 *
+	 * @param string $name Template name
+	 * @param string $content Template content (BBCode)
+	 * @param string $visibility Visibility setting
+	 * @param int $sortOrder Sort order
+	 * @return DataResponse<Http::STATUS_CREATED, array<string, mixed>, array{}>
+	 *
+	 * 201: Template created
+	 */
+	#[NoAdminRequired]
+	#[ApiRoute(verb: 'POST', url: '/api/templates')]
+	public function create(
+		string $name,
+		string $content,
+		string $visibility = 'both',
+		int $sortOrder = 0,
+	): DataResponse {
+		try {
+			$now = time();
+			$template = new Template();
+			$template->setUserId($this->userId);
+			$template->setName($name);
+			$template->setContent($content);
+			$template->setVisibility($visibility);
+			$template->setSortOrder($sortOrder);
+			$template->setCreatedAt($now);
+			$template->setUpdatedAt($now);
+
+			/** @var Template */
+			$created = $this->templateMapper->insert($template);
+			return new DataResponse($created->jsonSerialize(), Http::STATUS_CREATED);
+		} catch (\Exception $e) {
+			$this->logger->error('Error creating template: ' . $e->getMessage());
+			return new DataResponse(['error' => 'Failed to create template'], Http::STATUS_INTERNAL_SERVER_ERROR);
+		}
+	}
+
+	/**
+	 * Update a template
+	 *
+	 * @param int $id Template ID
+	 * @param string|null $name Template name
+	 * @param string|null $content Template content
+	 * @param string|null $visibility Visibility setting
+	 * @param int|null $sortOrder Sort order
+	 * @return DataResponse<Http::STATUS_OK, array<string, mixed>, array{}>
+	 *
+	 * 200: Template updated
+	 */
+	#[NoAdminRequired]
+	#[ApiRoute(verb: 'PUT', url: '/api/templates/{id}')]
+	public function update(
+		int $id,
+		?string $name = null,
+		?string $content = null,
+		?string $visibility = null,
+		?int $sortOrder = null,
+	): DataResponse {
+		try {
+			$template = $this->templateMapper->find($id);
+
+			if ($template->getUserId() !== $this->userId) {
+				return new DataResponse(['error' => 'Forbidden'], Http::STATUS_FORBIDDEN);
+			}
+
+			if ($name !== null) {
+				$template->setName($name);
+			}
+			if ($content !== null) {
+				$template->setContent($content);
+			}
+			if ($visibility !== null) {
+				$template->setVisibility($visibility);
+			}
+			if ($sortOrder !== null) {
+				$template->setSortOrder($sortOrder);
+			}
+			$template->setUpdatedAt(time());
+
+			/** @var Template */
+			$updated = $this->templateMapper->update($template);
+			return new DataResponse($updated->jsonSerialize());
+		} catch (DoesNotExistException $e) {
+			return new DataResponse(['error' => 'Template not found'], Http::STATUS_NOT_FOUND);
+		} catch (\Exception $e) {
+			$this->logger->error('Error updating template: ' . $e->getMessage());
+			return new DataResponse(['error' => 'Failed to update template'], Http::STATUS_INTERNAL_SERVER_ERROR);
+		}
+	}
+
+	/**
+	 * Delete a template
+	 *
+	 * @param int $id Template ID
+	 * @return DataResponse<Http::STATUS_OK, array{success: bool}, array{}>
+	 *
+	 * 200: Template deleted
+	 */
+	#[NoAdminRequired]
+	#[ApiRoute(verb: 'DELETE', url: '/api/templates/{id}')]
+	public function destroy(int $id): DataResponse {
+		try {
+			$template = $this->templateMapper->find($id);
+
+			if ($template->getUserId() !== $this->userId) {
+				return new DataResponse(['error' => 'Forbidden'], Http::STATUS_FORBIDDEN);
+			}
+
+			$this->templateMapper->delete($template);
+			return new DataResponse(['success' => true]);
+		} catch (DoesNotExistException $e) {
+			return new DataResponse(['error' => 'Template not found'], Http::STATUS_NOT_FOUND);
+		} catch (\Exception $e) {
+			$this->logger->error('Error deleting template: ' . $e->getMessage());
+			return new DataResponse(['error' => 'Failed to delete template'], Http::STATUS_INTERNAL_SERVER_ERROR);
+		}
+	}
+}
diff --git a/lib/Db/Template.php b/lib/Db/Template.php
new file mode 100644
index 0000000..2315f40
--- /dev/null
+++ b/lib/Db/Template.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+// SPDX-FileCopyrightText: Chen Asraf <contact@casraf.dev>
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+namespace OCA\Forum\Db;
+
+use JsonSerializable;
+
+use OCP\AppFramework\Db\Entity;
+
+/**
+ * @method int getId()
+ * @method void setId(int $value)
+ * @method string getUserId()
+ * @method void setUserId(string $value)
+ * @method string getName()
+ * @method void setName(string $value)
+ * @method string getContent()
+ * @method void setContent(string $value)
+ * @method string getVisibility()
+ * @method void setVisibility(string $value)
+ * @method int getSortOrder()
+ * @method void setSortOrder(int $value)
+ * @method int getCreatedAt()
+ * @method void setCreatedAt(int $value)
+ * @method int getUpdatedAt()
+ * @method void setUpdatedAt(int $value)
+ */
+class Template extends Entity implements JsonSerializable {
+	public const VISIBILITY_THREADS = 'threads';
+	public const VISIBILITY_REPLIES = 'replies';
+	public const VISIBILITY_BOTH = 'both';
+	public const VISIBILITY_NEITHER = 'neither';
+
+	protected $userId;
+	protected $name;
+	protected $content;
+	protected $visibility;
+	protected $sortOrder;
+	protected $createdAt;
+	protected $updatedAt;
+
+	public function __construct() {
+		$this->addType('id', 'integer');
+		$this->addType('userId', 'string');
+		$this->addType('name', 'string');
+		$this->addType('content', 'string');
+		$this->addType('visibility', 'string');
+		$this->addType('sortOrder', 'integer');
+		$this->addType('createdAt', 'integer');
+		$this->addType('updatedAt', 'integer');
+	}
+
+	public function jsonSerialize(): array {
+		return [
+			'id' => $this->getId(),
+			'userId' => $this->getUserId(),
+			'name' => $this->getName(),
+			'content' => $this->getContent(),
+			'visibility' => $this->getVisibility(),
+			'sortOrder' => $this->getSortOrder(),
+			'createdAt' => $this->getCreatedAt(),
+			'updatedAt' => $this->getUpdatedAt(),
+		];
+	}
+}
diff --git a/lib/Db/TemplateMapper.php b/lib/Db/TemplateMapper.php
new file mode 100644
index 0000000..e2aca58
--- /dev/null
+++ b/lib/Db/TemplateMapper.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+// SPDX-FileCopyrightText: Chen Asraf <contact@casraf.dev>
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+namespace OCA\Forum\Db;
+
+use OCA\Forum\AppInfo\Application;
+use OCP\AppFramework\Db\DoesNotExistException;
+use OCP\AppFramework\Db\QBMapper;
+use OCP\DB\QueryBuilder\IQueryBuilder;
+use OCP\IDBConnection;
+
+/**
+ * @template-extends QBMapper<Template>
+ */
+class TemplateMapper extends QBMapper {
+	public function __construct(
+		IDBConnection $db,
+	) {
+		parent::__construct($db, Application::tableName('forum_templates'), Template::class);
+	}
+
+	/**
+	 * @throws \OCP\AppFramework\Db\MultipleObjectsReturnedException
+	 * @throws DoesNotExistException
+	 */
+	public function find(int $id): Template {
+		$qb = $this->db->getQueryBuilder();
+		$qb->select('*')
+			->from($this->getTableName())
+			->where(
+				$qb->expr()->eq('id', $qb->createNamedParameter($id, IQueryBuilder::PARAM_INT))
+			);
+		return $this->findEntity($qb);
+	}
+
+	/**
+	 * Find all templates for a user, optionally filtered by visibility
+	 *
+	 * @param string $userId
+	 * @param string|null $visibility Filter by visibility (threads, replies, both, neither)
+	 * @return array<Template>
+	 */
+	public function findByUserId(string $userId, ?string $visibility = null): array {
+		$qb = $this->db->getQueryBuilder();
+		$qb->select('*')
+			->from($this->getTableName())
+			->where(
+				$qb->expr()->eq('user_id', $qb->createNamedParameter($userId, IQueryBuilder::PARAM_STR))
+			);
+
+		if ($visibility !== null) {
+			$qb->andWhere(
+				$qb->expr()->in('visibility', $qb->createNamedParameter(
+					[$visibility, Template::VISIBILITY_BOTH],
+					IQueryBuilder::PARAM_STR_ARRAY
+				))
+			);
+		}
+
+		$qb->orderBy('sort_order', 'ASC')
+			->addOrderBy('name', 'ASC');
+
+		return $this->findEntities($qb);
+	}
+
+	/**
+	 * Count templates for a user
+	 */
+	public function countByUserId(string $userId): int {
+		$qb = $this->db->getQueryBuilder();
+		$qb->select($qb->func()->count('*', 'count'))
+			->from($this->getTableName())
+			->where(
+				$qb->expr()->eq('user_id', $qb->createNamedParameter($userId, IQueryBuilder::PARAM_STR))
+			);
+
+		$result = $qb->executeQuery();
+		$count = (int)($result->fetchOne() ?? 0);
+		$result->closeCursor();
+		return $count;
+	}
+}
diff --git a/lib/Migration/Version25Date20260318000000.php b/lib/Migration/Version25Date20260318000000.php
new file mode 100644
index 0000000..54cb9f6
--- /dev/null
+++ b/lib/Migration/Version25Date20260318000000.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+// SPDX-FileCopyrightText: Chen Asraf <contact@casraf.dev>
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+namespace OCA\Forum\Migration;
+
+use Closure;
+use OCP\DB\ISchemaWrapper;
+use OCP\DB\Types;
+use OCP\Migration\IOutput;
+use OCP\Migration\SimpleMigrationStep;
+
+class Version25Date20260318000000 extends SimpleMigrationStep {
+	/**
+	 * @param IOutput $output
+	 * @param Closure(): ISchemaWrapper $schemaClosure
+	 * @param array $options
+	 * @return null|ISchemaWrapper
+	 */
+	public function changeSchema(IOutput $output, Closure $schemaClosure, array $options): ?ISchemaWrapper {
+		/** @var ISchemaWrapper $schema */
+		$schema = $schemaClosure();
+
+		if (!$schema->hasTable('forum_templates')) {
+			$table = $schema->createTable('forum_templates');
+
+			$table->addColumn('id', Types::BIGINT, [
+				'autoincrement' => true,
+				'notnull' => true,
+				'unsigned' => true,
+			]);
+			$table->addColumn('user_id', Types::STRING, [
+				'notnull' => true,
+				'length' => 64,
+			]);
+			$table->addColumn('name', Types::STRING, [
+				'notnull' => true,
+				'length' => 255,
+			]);
+			$table->addColumn('content', Types::TEXT, [
+				'notnull' => true,
+			]);
+			$table->addColumn('visibility', Types::STRING, [
+				'notnull' => true,
+				'length' => 16,
+				'default' => 'both',
+			]);
+			$table->addColumn('sort_order', Types::INTEGER, [
+				'notnull' => true,
+				'default' => 0,
+			]);
+			$table->addColumn('created_at', Types::BIGINT, [
+				'notnull' => true,
+				'unsigned' => true,
+			]);
+			$table->addColumn('updated_at', Types::BIGINT, [
+				'notnull' => true,
+				'unsigned' => true,
+			]);
+
+			$table->setPrimaryKey(['id']);
+			$table->addIndex(['user_id'], 'forum_tpl_user_id_idx');
+		}
+
+		return $schema;
+	}
+}
diff --git a/openapi-full.json b/openapi-full.json
index f408a4e..ae36c2c 100644
--- a/openapi-full.json
+++ b/openapi-full.json
@@ -8622,6 +8622,480 @@
                 }
             }
         },
+        "/ocs/v2.php/apps/forum/api/templates": {
+            "get": {
+                "operationId": "template-index",
+                "summary": "List current user's templates",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "parameters": [
+                    {
+                        "name": "visibility",
+                        "in": "query",
+                        "description": "Optional visibility filter (threads, replies)",
+                        "schema": {
+                            "type": "string",
+                            "nullable": true,
+                            "default": null
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Templates returned",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "array",
+                                                    "items": {
+                                                        "type": "object",
+                                                        "additionalProperties": {
+                                                            "type": "object"
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "post": {
+                "operationId": "template-create",
+                "summary": "Create a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "requestBody": {
+                    "required": true,
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "type": "object",
+                                "required": [
+                                    "name",
+                                    "content"
+                                ],
+                                "properties": {
+                                    "name": {
+                                        "type": "string",
+                                        "description": "Template name"
+                                    },
+                                    "content": {
+                                        "type": "string",
+                                        "description": "Template content (BBCode)"
+                                    },
+                                    "visibility": {
+                                        "type": "string",
+                                        "default": "both",
+                                        "description": "Visibility setting"
+                                    },
+                                    "sortOrder": {
+                                        "type": "integer",
+                                        "format": "int64",
+                                        "default": 0,
+                                        "description": "Sort order"
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                "parameters": [
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "201": {
+                        "description": "Template created",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "additionalProperties": {
+                                                        "type": "object"
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/ocs/v2.php/apps/forum/api/templates/{id}": {
+            "put": {
+                "operationId": "template-update",
+                "summary": "Update a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "requestBody": {
+                    "required": false,
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "type": "object",
+                                "properties": {
+                                    "name": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Template name"
+                                    },
+                                    "content": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Template content"
+                                    },
+                                    "visibility": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Visibility setting"
+                                    },
+                                    "sortOrder": {
+                                        "type": "integer",
+                                        "format": "int64",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Sort order"
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                "parameters": [
+                    {
+                        "name": "id",
+                        "in": "path",
+                        "description": "Template ID",
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "format": "int64"
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Template updated",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "additionalProperties": {
+                                                        "type": "object"
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "delete": {
+                "operationId": "template-destroy",
+                "summary": "Delete a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "parameters": [
+                    {
+                        "name": "id",
+                        "in": "path",
+                        "description": "Template ID",
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "format": "int64"
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Template deleted",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "required": [
+                                                        "success"
+                                                    ],
+                                                    "properties": {
+                                                        "success": {
+                                                            "type": "boolean"
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
         "/ocs/v2.php/apps/forum/api/threads": {
             "get": {
                 "operationId": "thread-index",
diff --git a/openapi.json b/openapi.json
index 26360cd..e45558c 100644
--- a/openapi.json
+++ b/openapi.json
@@ -8622,6 +8622,480 @@
                 }
             }
         },
+        "/ocs/v2.php/apps/forum/api/templates": {
+            "get": {
+                "operationId": "template-index",
+                "summary": "List current user's templates",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "parameters": [
+                    {
+                        "name": "visibility",
+                        "in": "query",
+                        "description": "Optional visibility filter (threads, replies)",
+                        "schema": {
+                            "type": "string",
+                            "nullable": true,
+                            "default": null
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Templates returned",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "array",
+                                                    "items": {
+                                                        "type": "object",
+                                                        "additionalProperties": {
+                                                            "type": "object"
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "post": {
+                "operationId": "template-create",
+                "summary": "Create a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "requestBody": {
+                    "required": true,
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "type": "object",
+                                "required": [
+                                    "name",
+                                    "content"
+                                ],
+                                "properties": {
+                                    "name": {
+                                        "type": "string",
+                                        "description": "Template name"
+                                    },
+                                    "content": {
+                                        "type": "string",
+                                        "description": "Template content (BBCode)"
+                                    },
+                                    "visibility": {
+                                        "type": "string",
+                                        "default": "both",
+                                        "description": "Visibility setting"
+                                    },
+                                    "sortOrder": {
+                                        "type": "integer",
+                                        "format": "int64",
+                                        "default": 0,
+                                        "description": "Sort order"
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                "parameters": [
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "201": {
+                        "description": "Template created",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "additionalProperties": {
+                                                        "type": "object"
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        "/ocs/v2.php/apps/forum/api/templates/{id}": {
+            "put": {
+                "operationId": "template-update",
+                "summary": "Update a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "requestBody": {
+                    "required": false,
+                    "content": {
+                        "application/json": {
+                            "schema": {
+                                "type": "object",
+                                "properties": {
+                                    "name": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Template name"
+                                    },
+                                    "content": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Template content"
+                                    },
+                                    "visibility": {
+                                        "type": "string",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Visibility setting"
+                                    },
+                                    "sortOrder": {
+                                        "type": "integer",
+                                        "format": "int64",
+                                        "nullable": true,
+                                        "default": null,
+                                        "description": "Sort order"
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                "parameters": [
+                    {
+                        "name": "id",
+                        "in": "path",
+                        "description": "Template ID",
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "format": "int64"
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Template updated",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "additionalProperties": {
+                                                        "type": "object"
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            "delete": {
+                "operationId": "template-destroy",
+                "summary": "Delete a template",
+                "tags": [
+                    "template"
+                ],
+                "security": [
+                    {
+                        "bearer_auth": []
+                    },
+                    {
+                        "basic_auth": []
+                    }
+                ],
+                "parameters": [
+                    {
+                        "name": "id",
+                        "in": "path",
+                        "description": "Template ID",
+                        "required": true,
+                        "schema": {
+                            "type": "integer",
+                            "format": "int64"
+                        }
+                    },
+                    {
+                        "name": "OCS-APIRequest",
+                        "in": "header",
+                        "description": "Required to be true for the API request to pass",
+                        "required": true,
+                        "schema": {
+                            "type": "boolean",
+                            "default": true
+                        }
+                    }
+                ],
+                "responses": {
+                    "200": {
+                        "description": "Template deleted",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {
+                                                    "type": "object",
+                                                    "required": [
+                                                        "success"
+                                                    ],
+                                                    "properties": {
+                                                        "success": {
+                                                            "type": "boolean"
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    "401": {
+                        "description": "Current user is not logged in",
+                        "content": {
+                            "application/json": {
+                                "schema": {
+                                    "type": "object",
+                                    "required": [
+                                        "ocs"
+                                    ],
+                                    "properties": {
+                                        "ocs": {
+                                            "type": "object",
+                                            "required": [
+                                                "meta",
+                                                "data"
+                                            ],
+                                            "properties": {
+                                                "meta": {
+                                                    "$ref": "#/components/schemas/OCSMeta"
+                                                },
+                                                "data": {}
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        },
         "/ocs/v2.php/apps/forum/api/threads": {
             "get": {
                 "operationId": "thread-index",
diff --git a/src/components/BBCodeEditor/BBCodeEditor.vue b/src/components/BBCodeEditor/BBCodeEditor.vue
index 1d62b5c..97892cd 100644
--- a/src/components/BBCodeEditor/BBCodeEditor.vue
+++ b/src/components/BBCodeEditor/BBCodeEditor.vue
@@ -10,6 +10,7 @@
       ref="toolbar"
       :textarea-ref="contenteditableElement"
       :model-value="modelValue"
+      :editor-context="editorContext"
       @insert="handleBBCodeInsert"
     />
     <NcRichContenteditable
@@ -48,6 +49,8 @@ import UploadIcon from '@icons/Upload.vue'
 import { t } from '@nextcloud/l10n'
 import { ocs } from '@/axios'
 
+type EditorContext = 'thread' | 'reply' | null
+
 interface AutocompleteUser {
   id: string
   label: string
@@ -93,6 +96,10 @@ export default defineComponent({
       type: String,
       default: '9.1875rem',
     },
+    editorContext: {
+      type: String as PropType<'thread' | 'reply' | null>,
+      default: null,
+    },
   },
   emits: ['update:modelValue', 'keydown'],
   data() {
diff --git a/src/components/BBCodeToolbar/BBCodeToolbar.test.ts b/src/components/BBCodeToolbar/BBCodeToolbar.test.ts
index 652f9fc..ccbf509 100644
--- a/src/components/BBCodeToolbar/BBCodeToolbar.test.ts
+++ b/src/components/BBCodeToolbar/BBCodeToolbar.test.ts
@@ -42,6 +42,17 @@ vi.mock('@/components/BBCodeHelpDialog', () =>
   }),
 )
 
+vi.mock('@/components/TemplateModal', () =>
+  createComponentMock('TemplateModal', {
+    template: '<div class="template-modal-mock" v-if="open" />',
+    props: ['open', 'editorContext'],
+    emits: ['update:open', 'insert'],
+  }),
+)
+
+vi.mock('@icons/TextBox.vue', () => createIconMock('TextBoxIcon'))
+vi.mock('@icons/ArrowDown.vue', () => createIconMock('ArrowDownIcon'))
+
 // Mock Nextcloud dialogs
 vi.mock('@nextcloud/dialogs', () => ({
   getFilePickerBuilder: vi.fn(() => ({
diff --git a/src/components/BBCodeToolbar/BBCodeToolbar.vue b/src/components/BBCodeToolbar/BBCodeToolbar.vue
index ce0b69b..603012e 100644
--- a/src/components/BBCodeToolbar/BBCodeToolbar.vue
+++ b/src/components/BBCodeToolbar/BBCodeToolbar.vue
@@ -65,6 +65,19 @@
       </NcActionButton>
     </NcActions>
 
+    <NcButton
+      v-if="!isGuest"
+      variant="tertiary"
+      :aria-label="strings.templateLabel"
+      :title="strings.templateLabel"
+      @click="showTemplates = true"
+      class="bbcode-button"
+    >
+      <template #icon>
+        <TextBoxIcon :size="20" />
+      </template>
+    </NcButton>
+
     <div class="toolbar-spacer"></div>
 
     <NcButton
@@ -82,6 +95,13 @@
     <!-- BBCode Help Dialog -->
     <BBCodeHelpDialog v-model:open="showHelp" />
 
+    <!-- Template Modal -->
+    <TemplateModal
+      v-model:open="showTemplates"
+      :editor-context="editorContext"
+      @insert="handleTemplateInsert"
+    />
+
     <!-- Upload Progress Dialog -->
     <NcDialog
       :open="uploadDialog"
@@ -111,6 +131,8 @@
 
 <script lang="ts">
 import { defineComponent, type PropType } from 'vue'
+import TemplateModal from '@/components/TemplateModal'
+import TextBoxIcon from '@icons/TextBox.vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
@@ -177,6 +199,8 @@ export default defineComponent({
     NcProgressBar,
     LazyEmojiPicker,
     BBCodeHelpDialog,
+    TemplateModal,
+    TextBoxIcon,
     PaperclipIcon,
     UploadIcon,
     EmoticonIcon,
@@ -192,11 +216,16 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    editorContext: {
+      type: String as PropType<'thread' | 'reply' | null>,
+      default: null,
+    },
   },
   emits: ['insert'],
   data() {
     return {
       showHelp: false,
+      showTemplates: false,
       uploadDialog: false,
       uploadProgress: 0,
       uploadFileName: '',
@@ -213,6 +242,7 @@ export default defineComponent({
         uploadError: t('forum', 'Upload failed'),
         close: t('forum', 'Close'),
         moreActions: t('forum', 'More formatting options'),
+        templateLabel: t('forum', 'Insert template'),
       },
     }
   },
@@ -388,8 +418,8 @@ export default defineComponent({
       const buttonWidth = 30
       const gap = 4
       const totalButtons = this.bbcodeButtons.length
-      // Fixed elements: emoji + attachment + help buttons + spacer min + gaps
-      const fixedWidth = 3 * (buttonWidth + gap) + 8
+      // Fixed elements: emoji + attachment + template + help buttons + spacer min + gaps
+      const fixedWidth = 4 * (buttonWidth + gap) + 8
       const overflowTriggerWidth = buttonWidth + gap
 
       const availableForBBCode = containerWidth - fixedWidth
@@ -666,6 +696,27 @@ export default defineComponent({
       }
     },
 
+    handleTemplateInsert(content: string): void {
+      const state = getEditorState(this.textareaRef, this.modelValue)
+      if (!state || !this.textareaRef) {
+        return
+      }
+
+      const result = insertTextAtSelection(editorStateToSelection(state), content)
+
+      this.$emit('insert', {
+        text: result.text,
+        cursorPos: result.cursorPosition,
+        selectedText: '',
+      })
+
+      const editorRef = this.textareaRef
+      this.$nextTick(() => {
+        editorRef.focus()
+        setCursorPosition(editorRef, result.cursorPosition)
+      })
+    },
+
     closeUploadDialog(): void {
       this.uploadDialog = false
       this.uploadError = null
diff --git a/src/components/PostEditForm/PostEditForm.vue b/src/components/PostEditForm/PostEditForm.vue
index d911969..c54f666 100644
--- a/src/components/PostEditForm/PostEditForm.vue
+++ b/src/components/PostEditForm/PostEditForm.vue
@@ -6,6 +6,7 @@
       :rows="6"
       :disabled="submitting"
       min-height="8rem"
+      editor-context="reply"
       @keydown.ctrl.enter="submitEdit"
       @keydown.meta.enter="submitEdit"
       ref="editor"
diff --git a/src/components/PostReplyForm/PostReplyForm.vue b/src/components/PostReplyForm/PostReplyForm.vue
index 36a836b..009da4d 100644
--- a/src/components/PostReplyForm/PostReplyForm.vue
+++ b/src/components/PostReplyForm/PostReplyForm.vue
@@ -17,6 +17,7 @@
         :rows="4"
         :disabled="submitting"
         min-height="6.125rem"
+        editor-context="reply"
         @keydown.ctrl.enter="submitReply"
         @keydown.meta.enter="submitReply"
         ref="editor"
diff --git a/src/components/TemplateModal/TemplateModal.test.ts b/src/components/TemplateModal/TemplateModal.test.ts
new file mode 100644
index 0000000..664aba4
--- /dev/null
+++ b/src/components/TemplateModal/TemplateModal.test.ts
@@ -0,0 +1,563 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { createIconMock, createComponentMock } from '@/test-utils'
+import { createMockTemplate } from '@/test-mocks'
+import type { Template } from '@/types'
+
+// Mock icons
+vi.mock('@icons/Plus.vue', () => createIconMock('PlusIcon'))
+vi.mock('@icons/Pencil.vue', () => createIconMock('PencilIcon'))
+vi.mock('@icons/Delete.vue', () => createIconMock('DeleteIcon'))
+vi.mock('@icons/TextBox.vue', () => createIconMock('TextBoxIcon'))
+vi.mock('@icons/ArrowDown.vue', () => createIconMock('ArrowDownIcon'))
+
+// Mock BBCodeEditor — must include __esModule and __isTeleport for async component compat
+vi.mock('@/components/BBCodeEditor', () => ({
+  __esModule: true,
+  __isTeleport: false,
+  default: {
+    name: 'BBCodeEditor',
+    template:
+      '<textarea class="bbcode-editor-mock" :value="modelValue" @input="$emit(\'update:modelValue\', $event.target.value)" />',
+    props: ['modelValue', 'placeholder', 'rows', 'disabled', 'minHeight', 'editorContext'],
+    emits: ['update:modelValue'],
+  },
+}))
+
+// Mock NcCheckboxRadioSwitch
+vi.mock('@nextcloud/vue/components/NcCheckboxRadioSwitch', () => ({
+  default: {
+    name: 'NcCheckboxRadioSwitch',
+    template:
+      '<label class="nc-checkbox-radio-switch"><input type="radio" :value="value" :checked="modelValue === value" @change="$emit(\'update:modelValue\', value)" /><slot /></label>',
+    props: ['modelValue', 'value', 'name', 'type'],
+    emits: ['update:modelValue'],
+  },
+}))
+
+// Mock axios
+vi.mock('@/axios', () => ({
+  ocs: {
+    get: vi.fn(),
+    post: vi.fn(),
+    put: vi.fn(),
+    delete: vi.fn(),
+  },
+}))
+
+// Import after mocks
+import { ocs } from '@/axios'
+import TemplateModal from './TemplateModal.vue'
+
+const mockGet = vi.mocked(ocs.get)
+const mockPost = vi.mocked(ocs.post)
+const mockPut = vi.mocked(ocs.put)
+const mockDelete = vi.mocked(ocs.delete)
+
+describe('TemplateModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockGet.mockResolvedValue({ data: [] } as never)
+    vi.stubGlobal(
+      'confirm',
+      vi.fn(() => true),
+    )
+  })
+
+  const createWrapper = (props = {}) => {
+    return mount(TemplateModal, {
+      props: {
+        open: true,
+        editorContext: null,
+        ...props,
+      },
+    })
+  }
+
+  describe('rendering', () => {
+    it('renders the dialog when open', () => {
+      const wrapper = createWrapper()
+      expect(wrapper.find('.nc-dialog').exists()).toBe(true)
+    })
+
+    it('does not render the dialog when closed', () => {
+      const wrapper = createWrapper({ open: false })
+      expect(wrapper.find('.nc-dialog').exists()).toBe(false)
+    })
+
+    it('shows loading state while fetching', async () => {
+      let resolvePromise: (value: unknown) => void
+      mockGet.mockImplementation(
+        () =>
+          new Promise((resolve) => {
+            resolvePromise = resolve
+          }) as never,
+      )
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.loading-state').exists()).toBe(true)
+      expect(wrapper.text()).toContain('Loading templates')
+
+      resolvePromise!({ data: [] })
+      await flushPromises()
+
+      expect(wrapper.find('.loading-state').exists()).toBe(false)
+    })
+
+    it('shows empty state when no templates exist', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.empty-state').exists()).toBe(true)
+      expect(wrapper.text()).toContain('No templates yet')
+    })
+
+    it('shows error state when fetch fails', async () => {
+      mockGet.mockRejectedValue(new Error('Network error'))
+      vi.spyOn(console, 'error').mockImplementation(() => {})
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.error-state').exists()).toBe(true)
+      expect(wrapper.text()).toContain('Failed to load templates')
+    })
+
+    it('renders template list when templates exist', async () => {
+      const templates: Template[] = [
+        createMockTemplate({ id: 1, name: 'Welcome Message' }),
+        createMockTemplate({ id: 2, name: 'Closing Remark' }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const items = wrapper.findAll('.template-item')
+      expect(items.length).toBe(2)
+      expect(wrapper.text()).toContain('Welcome Message')
+      expect(wrapper.text()).toContain('Closing Remark')
+    })
+
+    it('shows template preview text', async () => {
+      const templates: Template[] = [
+        createMockTemplate({ id: 1, name: 'Test', content: '[b]Bold content[/b]' }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.template-preview').text()).toContain('[b]Bold content[/b]')
+    })
+
+    it('shows visibility label for threads', async () => {
+      const templates: Template[] = [
+        createMockTemplate({ id: 1, name: 'Test', visibility: 'threads' }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.template-visibility').text()).toBe('Threads')
+    })
+
+    it('shows "Threads & replies" label for both visibility', async () => {
+      const templates: Template[] = [
+        createMockTemplate({ id: 1, name: 'Test', visibility: 'both' }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      expect(wrapper.find('.template-visibility').text()).toBe('Threads & replies')
+    })
+  })
+
+  describe('visibility filtering', () => {
+    it('passes thread visibility filter when editorContext is thread', async () => {
+      createWrapper({ editorContext: 'thread' })
+      await flushPromises()
+
+      expect(mockGet).toHaveBeenCalledWith('/templates', { params: { visibility: 'threads' } })
+    })
+
+    it('passes reply visibility filter when editorContext is reply', async () => {
+      createWrapper({ editorContext: 'reply' })
+      await flushPromises()
+
+      expect(mockGet).toHaveBeenCalledWith('/templates', { params: { visibility: 'replies' } })
+    })
+
+    it('passes no filter when editorContext is null', async () => {
+      createWrapper({ editorContext: null })
+      await flushPromises()
+
+      expect(mockGet).toHaveBeenCalledWith('/templates', { params: {} })
+    })
+  })
+
+  describe('insert', () => {
+    it('emits insert event with template content when clicking insert button', async () => {
+      const templates: Template[] = [
+        createMockTemplate({ id: 1, name: 'Test', content: '[b]Hello[/b]' }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const insertButton = wrapper.findAll('button').find((b) => b.text().includes('Insert'))
+      expect(insertButton).toBeDefined()
+      await insertButton!.trigger('click')
+
+      expect(wrapper.emitted('insert')).toBeTruthy()
+      expect(wrapper.emitted('insert')![0]).toEqual(['[b]Hello[/b]'])
+    })
+
+    it('emits update:open false after inserting', async () => {
+      const templates: Template[] = [createMockTemplate({ id: 1 })]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const insertButton = wrapper.findAll('button').find((b) => b.text().includes('Insert'))
+      await insertButton!.trigger('click')
+
+      expect(wrapper.emitted('update:open')).toBeTruthy()
+      expect(wrapper.emitted('update:open')![0]).toEqual([false])
+    })
+  })
+
+  describe('create template', () => {
+    it('switches to edit view when clicking add template button', async () => {
+      const templates: Template[] = [createMockTemplate({ id: 1 })]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      // Find the "Add template" button in the actions slot
+      const buttons = wrapper.findAll('button')
+      const addButton = buttons.find((b) => b.text().includes('Add template'))
+      expect(addButton).toBeDefined()
+      await addButton!.trigger('click')
+
+      // Should now show the edit form
+      expect(wrapper.find('.template-edit').exists()).toBe(true)
+      expect(wrapper.find('.nc-text-field').exists()).toBe(true)
+    })
+
+    it('saves a new template via API', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+      mockPost.mockResolvedValue({ data: createMockTemplate() } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      // Click "Add template" in empty state
+      const addButton = wrapper.findAll('button').find((b) => b.text().includes('Add template'))
+      await addButton!.trigger('click')
+
+      // Fill form
+      const vm = wrapper.vm as unknown as {
+        form: { name: string; content: string; visibility: string }
+      }
+      vm.form.name = 'New Template'
+      vm.form.content = '[b]Content[/b]'
+      vm.form.visibility = 'both'
+      await flushPromises()
+
+      // Click Save
+      const saveButton = wrapper.findAll('button').find((b) => b.text().includes('Save'))
+      await saveButton!.trigger('click')
+      await flushPromises()
+
+      expect(mockPost).toHaveBeenCalledWith('/templates', {
+        name: 'New Template',
+        content: '[b]Content[/b]',
+        visibility: 'both',
+      })
+    })
+
+    it('returns to list view after saving', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+      mockPost.mockResolvedValue({ data: createMockTemplate() } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        currentView: string
+        form: { name: string; content: string; visibility: string }
+        saveTemplate: () => Promise<void>
+      }
+
+      vm.currentView = 'edit'
+      vm.form.name = 'New'
+      vm.form.content = 'Content'
+      await vm.saveTemplate()
+      await flushPromises()
+
+      expect(vm.currentView).toBe('list')
+    })
+  })
+
+  describe('edit template', () => {
+    it('populates form when editing', async () => {
+      const templates: Template[] = [
+        createMockTemplate({
+          id: 5,
+          name: 'Existing',
+          content: 'BBCode here',
+          visibility: 'threads',
+        }),
+      ]
+      mockGet.mockResolvedValue({ data: templates } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        openEdit: (tpl: Template) => void
+        form: { name: string; content: string; visibility: string }
+        currentView: string
+      }
+
+      vm.openEdit(templates[0])
+      await flushPromises()
+
+      expect(vm.currentView).toBe('edit')
+      expect(vm.form.name).toBe('Existing')
+      expect(vm.form.content).toBe('BBCode here')
+      expect(vm.form.visibility).toBe('threads')
+    })
+
+    it('calls PUT when saving an existing template', async () => {
+      const template = createMockTemplate({ id: 5, name: 'Existing' })
+      mockGet.mockResolvedValue({ data: [template] } as never)
+      mockPut.mockResolvedValue({ data: template } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        openEdit: (tpl: Template) => void
+        form: { name: string; content: string; visibility: string }
+        saveTemplate: () => Promise<void>
+      }
+
+      vm.openEdit(template)
+      vm.form.name = 'Updated Name'
+      await vm.saveTemplate()
+      await flushPromises()
+
+      expect(mockPut).toHaveBeenCalledWith('/templates/5', {
+        name: 'Updated Name',
+        content: '[b]Hello[/b] world',
+        visibility: 'both',
+      })
+    })
+  })
+
+  describe('delete template', () => {
+    it('calls DELETE API when deleting a template', async () => {
+      const template = createMockTemplate({ id: 3 })
+      mockGet.mockResolvedValue({ data: [template] } as never)
+      mockDelete.mockResolvedValue({ data: { success: true } } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        deleteTemplate: (tpl: Template) => Promise<void>
+      }
+
+      await vm.deleteTemplate(template)
+      await flushPromises()
+
+      expect(mockDelete).toHaveBeenCalledWith('/templates/3')
+    })
+
+    it('does not delete when confirm is cancelled', async () => {
+      vi.stubGlobal(
+        'confirm',
+        vi.fn(() => false),
+      )
+
+      const template = createMockTemplate({ id: 3 })
+      mockGet.mockResolvedValue({ data: [template] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        deleteTemplate: (tpl: Template) => Promise<void>
+      }
+
+      await vm.deleteTemplate(template)
+
+      expect(mockDelete).not.toHaveBeenCalled()
+    })
+
+    it('refetches templates after deletion', async () => {
+      const template = createMockTemplate({ id: 3 })
+      mockGet.mockResolvedValue({ data: [template] } as never)
+      mockDelete.mockResolvedValue({ data: { success: true } } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const callCountBefore = mockGet.mock.calls.length
+
+      const vm = wrapper.vm as unknown as {
+        deleteTemplate: (tpl: Template) => Promise<void>
+      }
+      await vm.deleteTemplate(template)
+      await flushPromises()
+
+      expect(mockGet.mock.calls.length).toBeGreaterThan(callCountBefore)
+    })
+  })
+
+  describe('cancel edit', () => {
+    it('returns to list view when cancelling', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        currentView: string
+        openCreate: () => void
+        cancelEdit: () => void
+      }
+
+      vm.openCreate()
+      expect(vm.currentView).toBe('edit')
+
+      vm.cancelEdit()
+      expect(vm.currentView).toBe('list')
+    })
+  })
+
+  describe('canSave computed', () => {
+    it('is false when name is empty', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        currentView: string
+        form: { name: string; content: string }
+        canSave: boolean
+      }
+
+      vm.currentView = 'edit'
+      vm.form.name = ''
+      vm.form.content = 'Some content'
+      await flushPromises()
+
+      expect(vm.canSave).toBe(false)
+    })
+
+    it('is false when content is empty', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        currentView: string
+        form: { name: string; content: string }
+        canSave: boolean
+      }
+
+      vm.currentView = 'edit'
+      vm.form.name = 'Name'
+      vm.form.content = ''
+      await flushPromises()
+
+      expect(vm.canSave).toBe(false)
+    })
+
+    it('is true when both name and content are filled', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as {
+        currentView: string
+        form: { name: string; content: string }
+        canSave: boolean
+      }
+
+      vm.currentView = 'edit'
+      vm.form.name = 'Name'
+      vm.form.content = 'Content'
+      await flushPromises()
+
+      expect(vm.canSave).toBe(true)
+    })
+  })
+
+  describe('close event', () => {
+    it('emits update:open event when dialog closes', async () => {
+      const wrapper = createWrapper()
+      await flushPromises()
+      ;(wrapper.vm as unknown as { handleClose: (v: boolean) => void }).handleClose(false)
+
+      expect(wrapper.emitted('update:open')).toBeTruthy()
+      expect(wrapper.emitted('update:open')![0]).toEqual([false])
+    })
+  })
+
+  describe('truncate', () => {
+    it('does not truncate short text', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as { truncate: (text: string, max: number) => string }
+      expect(vm.truncate('Short', 120)).toBe('Short')
+    })
+
+    it('truncates long text with ellipsis', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+      const wrapper = createWrapper()
+      await flushPromises()
+
+      const vm = wrapper.vm as unknown as { truncate: (text: string, max: number) => string }
+      const longText = 'a'.repeat(200)
+      const result = vm.truncate(longText, 120)
+      expect(result.length).toBeLessThan(200)
+      expect(result).toContain(' …')
+    })
+  })
+
+  describe('refetch on reopen', () => {
+    it('refetches templates when dialog reopens', async () => {
+      mockGet.mockResolvedValue({ data: [] } as never)
+
+      const wrapper = createWrapper({ open: true })
+      await flushPromises()
+
+      const callCount = mockGet.mock.calls.length
+
+      await wrapper.setProps({ open: false })
+      await wrapper.setProps({ open: true })
+      await flushPromises()
+
+      expect(mockGet.mock.calls.length).toBeGreaterThan(callCount)
+    })
+  })
+})
diff --git a/src/components/TemplateModal/TemplateModal.vue b/src/components/TemplateModal/TemplateModal.vue
new file mode 100644
index 0000000..2d33fe0
--- /dev/null
+++ b/src/components/TemplateModal/TemplateModal.vue
@@ -0,0 +1,478 @@
+<template>
+  <NcDialog
+    :name="
+      currentView === 'list'
+        ? strings.title
+        : editingTemplate
+          ? strings.editTemplate
+          : strings.addTemplate
+    "
+    size="normal"
+    :open="open"
+    @update:open="handleClose"
+  >
+    <!-- List View -->
+    <div v-if="currentView === 'list'" class="template-modal">
+      <!-- Loading state -->
+      <div v-if="loading" class="loading-state">
+        <NcLoadingIcon :size="32" />
+        <span class="loading-text">{{ strings.loading }}</span>
+      </div>
+
+      <!-- Error state -->
+      <div v-else-if="error" class="error-state">
+        <span class="error-text">{{ error }}</span>
+      </div>
+
+      <!-- Empty state -->
+      <div v-else-if="templates.length === 0" class="empty-state">
+        <TextBoxIcon :size="48" class="empty-icon" />
+        <span class="empty-text">{{ strings.noTemplates }}</span>
+        <NcButton variant="primary" @click="openCreate">
+          <template #icon>
+            <PlusIcon :size="20" />
+          </template>
+          {{ strings.addTemplate }}
+        </NcButton>
+      </div>
+
+      <!-- Template list -->
+      <div v-else class="template-list">
+        <div v-for="tpl in templates" :key="tpl.id" class="template-item">
+          <div class="template-item-body">
+            <div class="template-item-header">
+              <span class="template-name">{{ tpl.name }}</span>
+              <span class="template-visibility">{{ visibilityLabel(tpl.visibility) }}</span>
+            </div>
+            <p class="template-preview">{{ truncate(tpl.content, 120) }}</p>
+          </div>
+          <div class="template-actions">
+            <NcButton variant="primary" @click="insertTemplate(tpl)">
+              <template #icon>
+                <ArrowDownIcon :size="20" />
+              </template>
+              {{ strings.insert }}
+            </NcButton>
+            <NcButton
+              variant="tertiary"
+              :aria-label="strings.edit"
+              :title="strings.edit"
+              @click="openEdit(tpl)"
+            >
+              <template #icon>
+                <PencilIcon :size="20" />
+              </template>
+            </NcButton>
+            <NcButton
+              variant="tertiary"
+              :aria-label="strings.delete"
+              :title="strings.delete"
+              @click="deleteTemplate(tpl)"
+            >
+              <template #icon>
+                <DeleteIcon :size="20" />
+              </template>
+            </NcButton>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Edit View -->
+    <div v-else class="template-modal template-edit">
+      <div class="edit-field">
+        <NcTextField
+          v-model="form.name"
+          :label="strings.nameLabel"
+          :placeholder="strings.namePlaceholder"
+        />
+      </div>
+
+      <div class="edit-field">
+        <label class="field-label">{{ strings.visibilityLabel }}</label>
+        <div class="visibility-options">
+          <NcCheckboxRadioSwitch
+            v-for="opt in visibilityOptions"
+            :key="opt.value"
+            v-model="form.visibility"
+            :value="opt.value"
+            name="visibility"
+            type="radio"
+          >
+            {{ opt.label }}
+          </NcCheckboxRadioSwitch>
+        </div>
+      </div>
+
+      <div class="edit-field">
+        <label class="field-label">{{ strings.contentLabel }}</label>
+        <BBCodeEditor
+          v-model="form.content"
+          :placeholder="strings.contentPlaceholder"
+          :rows="6"
+          min-height="8rem"
+        />
+      </div>
+    </div>
+
+    <template #actions>
+      <template v-if="currentView === 'list'">
+        <NcButton v-if="templates.length > 0" @click="openCreate">
+          <template #icon>
+            <PlusIcon :size="20" />
+          </template>
+          {{ strings.addTemplate }}
+        </NcButton>
+      </template>
+      <template v-else>
+        <NcButton @click="cancelEdit">
+          {{ strings.cancel }}
+        </NcButton>
+        <NcButton variant="primary" :disabled="!canSave || saving" @click="saveTemplate">
+          <template v-if="saving" #icon>
+            <NcLoadingIcon :size="20" />
+          </template>
+          {{ strings.save }}
+        </NcButton>
+      </template>
+    </template>
+  </NcDialog>
+</template>
+
+<script lang="ts">
+import { defineAsyncComponent, defineComponent, type PropType } from 'vue'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
+import PlusIcon from '@icons/Plus.vue'
+import PencilIcon from '@icons/Pencil.vue'
+import DeleteIcon from '@icons/Delete.vue'
+import TextBoxIcon from '@icons/TextBox.vue'
+import ArrowDownIcon from '@icons/ArrowDown.vue'
+import { t } from '@nextcloud/l10n'
+import { ocs } from '@/axios'
+import type { Template } from '@/types'
+
+type EditorContext = 'thread' | 'reply' | null
+
+export default defineComponent({
+  name: 'TemplateModal',
+  components: {
+    NcDialog,
+    NcButton,
+    NcLoadingIcon,
+    NcTextField,
+    NcCheckboxRadioSwitch,
+    // Async import to break circular dependency: BBCodeToolbar → TemplateModal → BBCodeEditor → BBCodeToolbar
+    BBCodeEditor: defineAsyncComponent(() => import('@/components/BBCodeEditor')),
+    PlusIcon,
+    PencilIcon,
+    DeleteIcon,
+    TextBoxIcon,
+    ArrowDownIcon,
+  },
+  props: {
+    open: {
+      type: Boolean,
+      required: true,
+    },
+    editorContext: {
+      type: String as PropType<EditorContext>,
+      default: null,
+    },
+  },
+  emits: ['update:open', 'insert'],
+  data() {
+    return {
+      currentView: 'list' as 'list' | 'edit',
+      templates: [] as Template[],
+      loading: false,
+      saving: false,
+      error: null as string | null,
+      editingTemplate: null as Template | null,
+      form: {
+        name: '',
+        content: '',
+        visibility: 'both' as string,
+      },
+      strings: {
+        title: t('forum', 'Templates'),
+        addTemplate: t('forum', 'Add template'),
+        editTemplate: t('forum', 'Edit template'),
+        noTemplates: t('forum', 'No templates yet'),
+        loading: t('forum', 'Loading templates …'),
+        nameLabel: t('forum', 'Name'),
+        namePlaceholder: t('forum', 'Template name'),
+        contentLabel: t('forum', 'Content'),
+        contentPlaceholder: t('forum', 'Template content (BBCode) …'),
+        visibilityLabel: t('forum', 'Show in:'),
+        cancel: t('forum', 'Cancel'),
+        save: t('forum', 'Save'),
+        edit: t('forum', 'Edit'),
+        delete: t('forum', 'Delete'),
+        confirmDelete: t('forum', 'Are you sure you want to delete this template?'),
+        threads: t('forum', 'Threads'),
+        replies: t('forum', 'Replies'),
+        both: t('forum', 'Both'),
+        threadsAndReplies: t('forum', 'Threads & replies'),
+        neither: t('forum', 'Neither (disabled)'),
+        insert: t('forum', 'Insert'),
+      },
+    }
+  },
+  computed: {
+    canSave(): boolean {
+      return this.form.name.trim().length > 0 && this.form.content.trim().length > 0
+    },
+    visibilityOptions(): Array<{ value: string; label: string }> {
+      return [
+        { value: 'both', label: this.strings.both },
+        { value: 'threads', label: this.strings.threads },
+        { value: 'replies', label: this.strings.replies },
+        { value: 'neither', label: this.strings.neither },
+      ]
+    },
+  },
+  watch: {
+    open: {
+      immediate: true,
+      handler(newValue: boolean) {
+        if (newValue) {
+          this.currentView = 'list'
+          this.fetchTemplates()
+        }
+      },
+    },
+  },
+  methods: {
+    visibilityLabel(visibility: string): string {
+      const map: Record<string, string> = {
+        threads: this.strings.threads,
+        replies: this.strings.replies,
+        both: this.strings.threadsAndReplies,
+        neither: this.strings.neither,
+      }
+      return map[visibility] || visibility
+    },
+
+    truncate(text: string, maxLength: number): string {
+      if (text.length <= maxLength) {
+        return text
+      }
+      return text.slice(0, maxLength) + ' …'
+    },
+
+    async fetchTemplates(): Promise<void> {
+      try {
+        this.loading = true
+        this.error = null
+
+        const params: Record<string, string> = {}
+        if (this.editorContext) {
+          params.visibility = this.editorContext === 'thread' ? 'threads' : 'replies'
+        }
+
+        const response = await ocs.get<Template[]>('/templates', { params })
+        this.templates = response.data || []
+      } catch (e) {
+        console.error('Failed to fetch templates:', e)
+        this.error = t('forum', 'Failed to load templates')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    insertTemplate(tpl: Template): void {
+      this.$emit('insert', tpl.content)
+      this.$emit('update:open', false)
+    },
+
+    openCreate(): void {
+      this.editingTemplate = null
+      this.form.name = ''
+      this.form.content = ''
+      this.form.visibility = 'both'
+      this.currentView = 'edit'
+    },
+
+    openEdit(tpl: Template): void {
+      this.editingTemplate = tpl
+      this.form.name = tpl.name
+      this.form.content = tpl.content
+      this.form.visibility = tpl.visibility
+      this.currentView = 'edit'
+    },
+
+    cancelEdit(): void {
+      this.currentView = 'list'
+      this.editingTemplate = null
+    },
+
+    async saveTemplate(): Promise<void> {
+      if (!this.canSave || this.saving) {
+        return
+      }
+
+      try {
+        this.saving = true
+
+        if (this.editingTemplate) {
+          await ocs.put(`/templates/${this.editingTemplate.id}`, {
+            name: this.form.name.trim(),
+            content: this.form.content.trim(),
+            visibility: this.form.visibility,
+          })
+        } else {
+          await ocs.post('/templates', {
+            name: this.form.name.trim(),
+            content: this.form.content.trim(),
+            visibility: this.form.visibility,
+          })
+        }
+
+        this.currentView = 'list'
+        this.editingTemplate = null
+        await this.fetchTemplates()
+      } catch (e) {
+        console.error('Failed to save template:', e)
+      } finally {
+        this.saving = false
+      }
+    },
+
+    async deleteTemplate(tpl: Template): Promise<void> {
+      // eslint-disable-next-line no-alert
+      if (!confirm(this.strings.confirmDelete)) {
+        return
+      }
+
+      try {
+        await ocs.delete(`/templates/${tpl.id}`)
+        await this.fetchTemplates()
+      } catch (e) {
+        console.error('Failed to delete template:', e)
+      }
+    },
+
+    handleClose(value: boolean): void {
+      this.$emit('update:open', value)
+    },
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.template-modal {
+  padding: 16px;
+  min-height: 200px;
+}
+
+.template-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.template-item {
+  padding: 12px;
+  background: var(--color-background-hover);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+}
+
+.template-item-body {
+  margin-bottom: 8px;
+}
+
+.template-item-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.template-name {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: var(--color-main-text);
+}
+
+.template-visibility {
+  font-size: 0.8rem;
+  color: var(--color-text-maxcontrast);
+  padding: 2px 6px;
+  background: var(--color-background-dark);
+  border-radius: 3px;
+}
+
+.template-preview {
+  margin: 0;
+  font-size: 0.85rem;
+  color: var(--color-text-lighter);
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.template-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+}
+
+.template-edit {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.edit-field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.field-label {
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: var(--color-main-text);
+}
+
+.visibility-options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.loading-state,
+.error-state,
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 32px 16px;
+  text-align: center;
+}
+
+.empty-icon {
+  color: var(--color-text-maxcontrast);
+}
+
+.loading-text,
+.empty-text {
+  font-size: 0.9rem;
+  color: var(--color-text-maxcontrast);
+}
+
+.error-text {
+  font-size: 0.9rem;
+  color: var(--color-error);
+}
+</style>
diff --git a/src/components/TemplateModal/index.ts b/src/components/TemplateModal/index.ts
new file mode 100644
index 0000000..83bcb42
--- /dev/null
+++ b/src/components/TemplateModal/index.ts
@@ -0,0 +1,2 @@
+import TemplateModal from './TemplateModal.vue'
+export default TemplateModal
diff --git a/src/components/ThreadCreateForm/ThreadCreateForm.vue b/src/components/ThreadCreateForm/ThreadCreateForm.vue
index 2fdaf09..fe13ac1 100644
--- a/src/components/ThreadCreateForm/ThreadCreateForm.vue
+++ b/src/components/ThreadCreateForm/ThreadCreateForm.vue
@@ -26,6 +26,7 @@
         :rows="6"
         :disabled="submitting"
         min-height="8rem"
+        editor-context="thread"
         @keydown.ctrl.enter="submitThread"
         @keydown.meta.enter="submitThread"
         ref="editor"
diff --git a/src/test-mocks.ts b/src/test-mocks.ts
index 47f175a..6db588e 100644
--- a/src/test-mocks.ts
+++ b/src/test-mocks.ts
@@ -1,4 +1,4 @@
-import type { Category, Post, Role, Thread, User } from '@/types'
+import type { Category, Post, Role, Template, Thread, User } from '@/types'
 
 // ============================================================================
 // MODEL FACTORIES - Safe to use in tests (not in vi.mock factories)
@@ -127,3 +127,25 @@ export function createMockCategory(overrides: Partial<Category> = {}): Category
     ...overrides,
   }
 }
+
+/**
+ * Create a mock Template object with sensible defaults.
+ *
+ * @param overrides - Partial Template object to override defaults
+ *
+ * @example
+ * const template = createMockTemplate({ name: 'Welcome', visibility: 'threads' })
+ */
+export function createMockTemplate(overrides: Partial<Template> = {}): Template {
+  return {
+    id: 1,
+    userId: 'testuser',
+    name: 'Test Template',
+    content: '[b]Hello[/b] world',
+    visibility: 'both',
+    sortOrder: 0,
+    createdAt: Date.now(),
+    updatedAt: Date.now(),
+    ...overrides,
+  }
+}
diff --git a/src/types/models.ts b/src/types/models.ts
index 3adcc5a..ec1e7f8 100644
--- a/src/types/models.ts
+++ b/src/types/models.ts
@@ -222,3 +222,14 @@ export interface Team {
   ownerDisplayName: string
   memberCount: number
 }
+
+export interface Template {
+  id: number
+  userId: string
+  name: string
+  content: string
+  visibility: 'threads' | 'replies' | 'both' | 'neither'
+  sortOrder: number
+  createdAt: number
+  updatedAt: number
+}
diff --git a/tests/unit/Controller/TemplateControllerTest.php b/tests/unit/Controller/TemplateControllerTest.php
new file mode 100644
index 0000000..8afb87a
--- /dev/null
+++ b/tests/unit/Controller/TemplateControllerTest.php
@@ -0,0 +1,340 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OCA\Forum\Tests\Controller;
+
+use OCA\Forum\AppInfo\Application;
+use OCA\Forum\Controller\TemplateController;
+use OCA\Forum\Db\Template;
+use OCA\Forum\Db\TemplateMapper;
+use OCP\AppFramework\Db\DoesNotExistException;
+use OCP\AppFramework\Http;
+use OCP\IRequest;
+use PHPUnit\Framework\MockObject\MockObject;
+use PHPUnit\Framework\TestCase;
+use Psr\Log\LoggerInterface;
+
+class TemplateControllerTest extends TestCase {
+	private TemplateController $controller;
+
+	/** @var TemplateMapper&MockObject */
+	private TemplateMapper $templateMapper;
+
+	/** @var LoggerInterface&MockObject */
+	private LoggerInterface $logger;
+
+	/** @var IRequest&MockObject */
+	private IRequest $request;
+
+	private string $userId = 'user1';
+
+	protected function setUp(): void {
+		$this->request = $this->createMock(IRequest::class);
+		$this->templateMapper = $this->createMock(TemplateMapper::class);
+		$this->logger = $this->createMock(LoggerInterface::class);
+
+		$this->controller = new TemplateController(
+			Application::APP_ID,
+			$this->request,
+			$this->templateMapper,
+			$this->logger,
+			$this->userId,
+		);
+	}
+
+	public function testIndexReturnsTemplates(): void {
+		$t1 = $this->createMockTemplate(1, $this->userId, 'Template 1', '[b]Bold[/b]', 'both');
+		$t2 = $this->createMockTemplate(2, $this->userId, 'Template 2', '[i]Italic[/i]', 'threads');
+
+		$this->templateMapper->expects($this->once())
+			->method('findByUserId')
+			->with($this->userId, null)
+			->willReturn([$t1, $t2]);
+
+		$response = $this->controller->index();
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+		$data = $response->getData();
+		$this->assertCount(2, $data);
+		$this->assertEquals('Template 1', $data[0]['name']);
+		$this->assertEquals('Template 2', $data[1]['name']);
+	}
+
+	public function testIndexWithVisibilityFilter(): void {
+		$t1 = $this->createMockTemplate(1, $this->userId, 'Thread Only', 'content', 'threads');
+
+		$this->templateMapper->expects($this->once())
+			->method('findByUserId')
+			->with($this->userId, 'threads')
+			->willReturn([$t1]);
+
+		$response = $this->controller->index('threads');
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+		$data = $response->getData();
+		$this->assertCount(1, $data);
+		$this->assertEquals('Thread Only', $data[0]['name']);
+	}
+
+	public function testIndexReturnsEmptyArray(): void {
+		$this->templateMapper->expects($this->once())
+			->method('findByUserId')
+			->with($this->userId, null)
+			->willReturn([]);
+
+		$response = $this->controller->index();
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+		$data = $response->getData();
+		$this->assertCount(0, $data);
+	}
+
+	public function testCreateTemplate(): void {
+		$name = 'My Template';
+		$content = '[b]Hello[/b]';
+		$visibility = 'both';
+
+		$this->templateMapper->expects($this->once())
+			->method('insert')
+			->willReturnCallback(function (Template $template) use ($name, $content, $visibility) {
+				$this->assertEquals($this->userId, $template->getUserId());
+				$this->assertEquals($name, $template->getName());
+				$this->assertEquals($content, $template->getContent());
+				$this->assertEquals($visibility, $template->getVisibility());
+				$this->assertEquals(0, $template->getSortOrder());
+				$this->assertNotNull($template->getCreatedAt());
+				$this->assertNotNull($template->getUpdatedAt());
+				$template->setId(1);
+				return $template;
+			});
+
+		$response = $this->controller->create($name, $content, $visibility);
+
+		$this->assertEquals(Http::STATUS_CREATED, $response->getStatus());
+		$data = $response->getData();
+		$this->assertEquals($name, $data['name']);
+		$this->assertEquals($content, $data['content']);
+		$this->assertEquals($visibility, $data['visibility']);
+	}
+
+	public function testCreateTemplateWithCustomSortOrder(): void {
+		$this->templateMapper->expects($this->once())
+			->method('insert')
+			->willReturnCallback(function (Template $template) {
+				$this->assertEquals(5, $template->getSortOrder());
+				$template->setId(1);
+				return $template;
+			});
+
+		$response = $this->controller->create('Name', 'Content', 'both', 5);
+
+		$this->assertEquals(Http::STATUS_CREATED, $response->getStatus());
+	}
+
+	public function testUpdateTemplate(): void {
+		$templateId = 1;
+		$template = $this->createMockTemplate($templateId, $this->userId, 'Old Name', 'Old Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with($templateId)
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->once())
+			->method('update')
+			->willReturnCallback(function (Template $t) {
+				$this->assertEquals('New Name', $t->getName());
+				$this->assertEquals('New Content', $t->getContent());
+				$this->assertEquals('threads', $t->getVisibility());
+				return $t;
+			});
+
+		$response = $this->controller->update($templateId, 'New Name', 'New Content', 'threads');
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+	}
+
+	public function testUpdateTemplatePartial(): void {
+		$templateId = 1;
+		$template = $this->createMockTemplate($templateId, $this->userId, 'Original', 'Original Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with($templateId)
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->once())
+			->method('update')
+			->willReturnCallback(function (Template $t) {
+				$this->assertEquals('Updated Name', $t->getName());
+				// Content and visibility should remain unchanged
+				$this->assertEquals('Original Content', $t->getContent());
+				$this->assertEquals('both', $t->getVisibility());
+				return $t;
+			});
+
+		$response = $this->controller->update($templateId, 'Updated Name');
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+	}
+
+	public function testUpdateTemplateNotFound(): void {
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with(999)
+			->willThrowException(new DoesNotExistException(''));
+
+		$response = $this->controller->update(999, 'Name');
+
+		$this->assertEquals(Http::STATUS_NOT_FOUND, $response->getStatus());
+	}
+
+	public function testUpdateTemplateForbiddenForOtherUser(): void {
+		$templateId = 1;
+		$template = $this->createMockTemplate($templateId, 'other_user', 'Name', 'Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with($templateId)
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->never())
+			->method('update');
+
+		$response = $this->controller->update($templateId, 'New Name');
+
+		$this->assertEquals(Http::STATUS_FORBIDDEN, $response->getStatus());
+	}
+
+	public function testDestroyTemplate(): void {
+		$templateId = 1;
+		$template = $this->createMockTemplate($templateId, $this->userId, 'Name', 'Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with($templateId)
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->once())
+			->method('delete')
+			->with($template);
+
+		$response = $this->controller->destroy($templateId);
+
+		$this->assertEquals(Http::STATUS_OK, $response->getStatus());
+		$this->assertTrue($response->getData()['success']);
+	}
+
+	public function testDestroyTemplateNotFound(): void {
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with(999)
+			->willThrowException(new DoesNotExistException(''));
+
+		$response = $this->controller->destroy(999);
+
+		$this->assertEquals(Http::STATUS_NOT_FOUND, $response->getStatus());
+	}
+
+	public function testDestroyTemplateForbiddenForOtherUser(): void {
+		$templateId = 1;
+		$template = $this->createMockTemplate($templateId, 'other_user', 'Name', 'Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->with($templateId)
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->never())
+			->method('delete');
+
+		$response = $this->controller->destroy($templateId);
+
+		$this->assertEquals(Http::STATUS_FORBIDDEN, $response->getStatus());
+	}
+
+	public function testIndexHandlesException(): void {
+		$this->templateMapper->expects($this->once())
+			->method('findByUserId')
+			->willThrowException(new \Exception('DB error'));
+
+		$this->logger->expects($this->once())
+			->method('error');
+
+		$response = $this->controller->index();
+
+		$this->assertEquals(Http::STATUS_INTERNAL_SERVER_ERROR, $response->getStatus());
+	}
+
+	public function testCreateHandlesException(): void {
+		$this->templateMapper->expects($this->once())
+			->method('insert')
+			->willThrowException(new \Exception('DB error'));
+
+		$this->logger->expects($this->once())
+			->method('error');
+
+		$response = $this->controller->create('Name', 'Content');
+
+		$this->assertEquals(Http::STATUS_INTERNAL_SERVER_ERROR, $response->getStatus());
+	}
+
+	public function testUpdateHandlesException(): void {
+		$template = $this->createMockTemplate(1, $this->userId, 'Name', 'Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->once())
+			->method('update')
+			->willThrowException(new \Exception('DB error'));
+
+		$this->logger->expects($this->once())
+			->method('error');
+
+		$response = $this->controller->update(1, 'New Name');
+
+		$this->assertEquals(Http::STATUS_INTERNAL_SERVER_ERROR, $response->getStatus());
+	}
+
+	public function testDestroyHandlesException(): void {
+		$template = $this->createMockTemplate(1, $this->userId, 'Name', 'Content', 'both');
+
+		$this->templateMapper->expects($this->once())
+			->method('find')
+			->willReturn($template);
+
+		$this->templateMapper->expects($this->once())
+			->method('delete')
+			->willThrowException(new \Exception('DB error'));
+
+		$this->logger->expects($this->once())
+			->method('error');
+
+		$response = $this->controller->destroy(1);
+
+		$this->assertEquals(Http::STATUS_INTERNAL_SERVER_ERROR, $response->getStatus());
+	}
+
+	private function createMockTemplate(
+		int $id,
+		string $userId,
+		string $name,
+		string $content,
+		string $visibility,
+		int $sortOrder = 0,
+	): Template {
+		$template = new Template();
+		$template->setId($id);
+		$template->setUserId($userId);
+		$template->setName($name);
+		$template->setContent($content);
+		$template->setVisibility($visibility);
+		$template->setSortOrder($sortOrder);
+		$template->setCreatedAt(time());
+		$template->setUpdatedAt(time());
+		return $template;
+	}
+}
diff --git a/tests/unit/Db/TemplateMapperTest.php b/tests/unit/Db/TemplateMapperTest.php
new file mode 100644
index 0000000..6f6d9dc
--- /dev/null
+++ b/tests/unit/Db/TemplateMapperTest.php
@@ -0,0 +1,142 @@
+<?php
+
+declare(strict_types=1);
+
+namespace OCA\Forum\Tests\Db;
+
+use OCA\Forum\Db\Template;
+use OCA\Forum\Db\TemplateMapper;
+use OCP\IDBConnection;
+use PHPUnit\Framework\MockObject\MockObject;
+use PHPUnit\Framework\TestCase;
+
+class TemplateMapperTest extends TestCase {
+	private TemplateMapper $mapper;
+
+	/** @var IDBConnection&MockObject */
+	private IDBConnection $db;
+
+	protected function setUp(): void {
+		$this->db = $this->createMock(IDBConnection::class);
+		$this->mapper = new TemplateMapper($this->db);
+	}
+
+	public function testTemplateEntityHasCorrectConstants(): void {
+		$this->assertEquals('threads', Template::VISIBILITY_THREADS);
+		$this->assertEquals('replies', Template::VISIBILITY_REPLIES);
+		$this->assertEquals('both', Template::VISIBILITY_BOTH);
+		$this->assertEquals('neither', Template::VISIBILITY_NEITHER);
+	}
+
+	public function testTemplateEntityJsonSerialize(): void {
+		$template = new Template();
+		$template->setId(1);
+		$template->setUserId('user1');
+		$template->setName('My Template');
+		$template->setContent('[b]Hello[/b]');
+		$template->setVisibility(Template::VISIBILITY_BOTH);
+		$template->setSortOrder(5);
+		$template->setCreatedAt(1234567890);
+		$template->setUpdatedAt(1234567899);
+
+		$json = $template->jsonSerialize();
+
+		$this->assertEquals(1, $json['id']);
+		$this->assertEquals('user1', $json['userId']);
+		$this->assertEquals('My Template', $json['name']);
+		$this->assertEquals('[b]Hello[/b]', $json['content']);
+		$this->assertEquals('both', $json['visibility']);
+		$this->assertEquals(5, $json['sortOrder']);
+		$this->assertEquals(1234567890, $json['createdAt']);
+		$this->assertEquals(1234567899, $json['updatedAt']);
+	}
+
+	public function testTemplateEntitySettersAndGetters(): void {
+		$template = new Template();
+
+		$template->setId(5);
+		$this->assertEquals(5, $template->getId());
+
+		$template->setUserId('testuser');
+		$this->assertEquals('testuser', $template->getUserId());
+
+		$template->setName('Test Template');
+		$this->assertEquals('Test Template', $template->getName());
+
+		$template->setContent('[i]Content[/i]');
+		$this->assertEquals('[i]Content[/i]', $template->getContent());
+
+		$template->setVisibility('threads');
+		$this->assertEquals('threads', $template->getVisibility());
+
+		$template->setSortOrder(10);
+		$this->assertEquals(10, $template->getSortOrder());
+
+		$template->setCreatedAt(9999999999);
+		$this->assertEquals(9999999999, $template->getCreatedAt());
+
+		$template->setUpdatedAt(9999999998);
+		$this->assertEquals(9999999998, $template->getUpdatedAt());
+	}
+
+	public function testNewTemplateHasCorrectTypes(): void {
+		$template = new Template();
+
+		$template->setId(1);
+		$template->setUserId('user1');
+		$template->setName('Template');
+		$template->setContent('Content');
+		$template->setVisibility('both');
+		$template->setSortOrder(0);
+		$template->setCreatedAt(1234567890);
+		$template->setUpdatedAt(1234567899);
+
+		$this->assertIsInt($template->getId());
+		$this->assertIsString($template->getUserId());
+		$this->assertIsString($template->getName());
+		$this->assertIsString($template->getContent());
+		$this->assertIsString($template->getVisibility());
+		$this->assertIsInt($template->getSortOrder());
+		$this->assertIsInt($template->getCreatedAt());
+		$this->assertIsInt($template->getUpdatedAt());
+	}
+
+	public function testTemplateVisibilityConstantsAreConsistent(): void {
+		$template = new Template();
+
+		$template->setVisibility(Template::VISIBILITY_THREADS);
+		$this->assertEquals('threads', $template->getVisibility());
+
+		$template->setVisibility(Template::VISIBILITY_REPLIES);
+		$this->assertEquals('replies', $template->getVisibility());
+
+		$template->setVisibility(Template::VISIBILITY_BOTH);
+		$this->assertEquals('both', $template->getVisibility());
+
+		$template->setVisibility(Template::VISIBILITY_NEITHER);
+		$this->assertEquals('neither', $template->getVisibility());
+	}
+
+	public function testJsonSerializeContainsAllKeys(): void {
+		$template = new Template();
+		$template->setId(1);
+		$template->setUserId('user1');
+		$template->setName('Name');
+		$template->setContent('Content');
+		$template->setVisibility('both');
+		$template->setSortOrder(0);
+		$template->setCreatedAt(1000);
+		$template->setUpdatedAt(2000);
+
+		$json = $template->jsonSerialize();
+
+		$this->assertArrayHasKey('id', $json);
+		$this->assertArrayHasKey('userId', $json);
+		$this->assertArrayHasKey('name', $json);
+		$this->assertArrayHasKey('content', $json);
+		$this->assertArrayHasKey('visibility', $json);
+		$this->assertArrayHasKey('sortOrder', $json);
+		$this->assertArrayHasKey('createdAt', $json);
+		$this->assertArrayHasKey('updatedAt', $json);
+	}
+}