@taon-dev/cms 21.0.23 → 21.0.24

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.de-DE.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface DeDeTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs {
+    "de-DE": {
+        "": {
+            "Blocked phrases could not be loaded."?: string;
+            "The phrase could not be added."?: string;
+            "The phrase could not be deleted."?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts",
+    "tags": [
+        {
+            "gettextString": "Blocked phrases could not be loaded.",
+            "lineNumber": 42,
+            "translation": "Die gesperrten Formulierungen konnten nicht geladen werden."
+        },
+        {
+            "gettextString": "The phrase could not be added.",
+            "lineNumber": 60,
+            "translation": "Die Formulierung konnte nicht hinzugefügt werden."
+        },
+        {
+            "gettextString": "The phrase could not be deleted.",
+            "lineNumber": 71,
+            "translation": "Die Formulierung konnte nicht gelöscht werden."
+        }
+    ]
+};

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.de-DE.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: de-DE\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:42
+msgid "Blocked phrases could not be loaded."
+msgstr "Die gesperrten Formulierungen konnten nicht geladen werden."
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:60
+msgid "The phrase could not be added."
+msgstr "Die Formulierung konnte nicht hinzugefügt werden."
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:71
+msgid "The phrase could not be deleted."
+msgstr "Die Formulierung konnte nicht gelöscht werden."

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.en-US.i18n.data.ts

@@ -0,0 +1,38 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs {
+    "en-US": {
+        "": {
+            "Blocked phrases could not be loaded."?: string;
+            "The phrase could not be added."?: string;
+            "The phrase could not be deleted."?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts",
+    "tags": [
+        {
+            "gettextString": "Blocked phrases could not be loaded.",
+            "lineNumber": 42
+        },
+        {
+            "gettextString": "The phrase could not be added.",
+            "lineNumber": 60
+        },
+        {
+            "gettextString": "The phrase could not be deleted.",
+            "lineNumber": 71
+        }
+    ]
+};

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.en-US.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:42
+msgid "Blocked phrases could not be loaded."
+msgstr ""
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:60
+msgid "The phrase could not be added."
+msgstr ""
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:71
+msgid "The phrase could not be deleted."
+msgstr ""

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs {
+    "pl-PL": {
+        "": {
+            "Blocked phrases could not be loaded."?: string;
+            "The phrase could not be added."?: string;
+            "The phrase could not be deleted."?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts",
+    "tags": [
+        {
+            "gettextString": "Blocked phrases could not be loaded.",
+            "lineNumber": 42,
+            "translation": "Nie udało się wczytać zablokowanych fraz."
+        },
+        {
+            "gettextString": "The phrase could not be added.",
+            "lineNumber": 60,
+            "translation": "Nie udało się dodać frazy."
+        },
+        {
+            "gettextString": "The phrase could not be deleted.",
+            "lineNumber": 71,
+            "translation": "Nie udało się usunąć frazy."
+        }
+    ]
+};

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.component.ts.pl-PL.po

@@ -0,0 +1,17 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:42
+msgid "Blocked phrases could not be loaded."
+msgstr "Nie udało się wczytać zablokowanych fraz."
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:60
+msgid "The phrase could not be added."
+msgstr "Nie udało się dodać frazy."
+
+#: src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts:71
+msgid "The phrase could not be deleted."
+msgstr "Nie udało się usunąć frazy."

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/i18n/taon-cms-comments-filters-settings.translation.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels } from 'tnp-core/websql';
+import { EnUsTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml } from './taon-cms-comments-filters-settings.component.html.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml } from './taon-cms-comments-filters-settings.component.html.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml } from './taon-cms-comments-filters-settings.component.html.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs } from './taon-cms-comments-filters-settings.component.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs } from './taon-cms-comments-filters-settings.component.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs } from './taon-cms-comments-filters-settings.component.ts.de-DE.i18n.data';
+;
+export type TaonCmsCommentsFiltersSettingsOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml | PlPlTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml | DeDeTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentHtml | EnUsTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs | PlPlTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs | DeDeTraslationOverrideSrcLibTaonCmsCommentTaonCmsCommentsBackofficeTaonCmsCommentsFiltersSettingsTaonCmsCommentsFiltersSettingsComponentTs>;

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-cms-comments-filters-settings.component';

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.html

@@ -0,0 +1,38 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<h1>{{ t.gettext('Comment filters') }}</h1>
+<p>{{ t.gettext('Comments containing any configured word or phrase are rejected.') }}</p>
+<form (submit)="$event.preventDefault(); add()">
+  <label>
+    {{ t.gettext('Blocked word or phrase') }}
+    <input [ngModel]="phrase()" (ngModelChange)="phrase.set($event)" name="phrase" />
+  </label>
+  <button mat-flat-button type="submit" [disabled]="loading() || !phrase().trim()">{{ t.gettext('Add') }}</button>
+</form>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+}
+@if (loading()) {
+  <p role="status">{{ t.gettext('Loading blocked phrases...') }}</p>
+}
+<ul>
+  @for (item of phrases(); track item.id) {
+    <li>
+      {{ item.phrase }}
+      <button mat-button type="button" (click)="remove(item.id)">{{ t.gettext('Delete') }}</button>
+    </li>
+  } @empty {
+    <li>{{ t.gettext('No blocked words or phrases configured.') }}</li>
+  }
+</ul>

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.scss

@@ -0,0 +1,14 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts

@@ -0,0 +1,82 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, OnInit, inject, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { TaonCmsCommentApiService } from '../../taon-cms-comment-api.service';
+import { Translation } from '@taon-dev/i18n/websql';
+import { Taon } from 'taon/websql';
+const t = Translation.for('src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts', { "src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.html": { "en-US": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-comments-filters-settings.component.ts.de-DE.i18n.data')).default } } as any);
+@Component({
+    selector: 'app-taon-cms-comments-filters-settings',
+    templateUrl: './taon-cms-comments-filters-settings.component.html',
+    styleUrls: ['./taon-cms-comments-filters-settings.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [FormsModule, MatButtonModule],
+    providers: [TaonCmsCommentApiService],
+})
+export class TaonCmsCommentsFiltersSettingsComponent implements OnInit {
+    readonly t = t.for(this);
+    private readonly api = inject(TaonCmsCommentApiService);
+    readonly phrases = signal<{
+        id: number;
+        phrase: string;
+    }[]>([]);
+    readonly phrase = signal('');
+    readonly error = signal('');
+    readonly loading = signal(false);
+    ngOnInit(): void {
+        void this.reload();
+    }
+    async reload(): Promise<void> {
+        this.loading.set(true);
+        this.error.set('');
+        try {
+            this.phrases.set(await this.api.getBlockedPhrases());
+        }
+        catch (error) {
+            console.error('[cms-comment-filters] Unable to load blocked phrases', error);
+            this.error.set(error instanceof Error ? error.message : this.t.gettext('Blocked phrases could not be loaded.'));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async add(): Promise<void> {
+        const phrase = this.phrase().trim();
+        if (!phrase) {
+            return;
+        }
+        this.error.set('');
+        try {
+            await this.api.addBlockedPhrase(phrase);
+            this.phrase.set('');
+            await this.reload();
+        }
+        catch (error) {
+            console.error('[cms-comment-filters] Unable to add blocked phrase', error);
+            this.error.set(error instanceof Error ? error.message : this.t.gettext('The phrase could not be added.'));
+        }
+    }
+    async remove(id: number): Promise<void> {
+        this.error.set('');
+        try {
+            await this.api.deleteBlockedPhrase(id);
+            await this.reload();
+        }
+        catch (error) {
+            console.error('[cms-comment-filters] Unable to delete blocked phrase', error);
+            this.error.set(error instanceof Error ? error.message : this.t.gettext('The phrase could not be deleted.'));
+        }
+    }
+}

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.models.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace TaonCmsCommentsFiltersSettingsModels { }

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-filters-settings/taon-cms-comments-filters-settings.routes.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+import { adminLazyRoute } from '@taon-dev/ui/websql';
+export const TaonCmsCommentsFiltersSettingsRoutes: Routes = [
+    {
+        path: '',
+        loadComponent: () => import('./taon-cms-comments-filters-settings.component').then(m => m.TaonCmsCommentsFiltersSettingsComponent),
+        children: [],
+    },
+];

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments.component.html

@@ -0,0 +1,108 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<section
+  class="taon-cms-comments"
+  aria-labelledby="taon-comments-title">
+  <h2 id="taon-comments-title">{{ t.gettext('Comments') }}</h2>
+  @if (loading()) {
+    <p role="status">{{ t.gettext('Loading comments...') }}</p>
+  }
+  @if (error()) {
+    <p role="alert">{{ error() }}</p>
+  }
+  @if ((context$ | async)?.user) {
+    <form (submit)="submit($event)">
+      <label>
+        {{ t.gettext('Add a comment') }}
+        <textarea
+          maxlength="500"
+          [value]="body()"
+          (input)="setBody($event)"></textarea>
+      </label>
+      <p>
+        {{
+          t.gettext('Characters remaining: [[ count ]]', {
+            count: 500 - body().length,
+          })
+        }}
+      </p>
+      <button
+        mat-flat-button
+        type="submit"
+        [disabled]="saving() || !body().trim()">
+        {{ t.gettext('Comment') }}
+      </button>
+    </form>
+  } @else {
+    <p>{{ t.gettext('Sign in to add a comment or vote.') }}</p>
+  }
+  <div class="taon-cms-comments__list">
+    @for (comment of comments(); track comment.id) {
+      <article class="taon-cms-comment">
+        <header>
+          <strong>{{ comment.authorName }}</strong>
+          <time [attr.datetime]="comment.createdAt">
+            {{ comment.createdAt | date: 'medium' }}
+          </time>
+        </header>
+        <p class="taon-cms-comment__body">{{ comment.body }}</p>
+        @if ((context$ | async)?.user) {
+          <div class="taon-cms-comment__actions">
+            @if (comment.currentUserVote === 1) {
+              <span>{{ t.gettext('Your vote: Upvote') }}</span>
+            } @else if (comment.currentUserVote === -1) {
+              <span>{{ t.gettext('Your vote: Downvote') }}</span>
+            }
+            <button
+              mat-button
+              type="button"
+              (click)="vote(comment, 1)">
+              {{ t.gettext('Upvote') }} ({{ comment.upvotes }})
+            </button>
+            <button
+              mat-button
+              type="button"
+              (click)="vote(comment, -1)">
+              {{ t.gettext('Downvote') }} ({{ comment.downvotes }})
+            </button>
+            <button
+              mat-button
+              type="button"
+              [disabled]="comment.currentUserReported"
+              (click)="report(comment)">
+              {{
+                comment.currentUserReported
+                  ? t.gettext('Reported')
+                  : t.gettext('Report spam')
+              }}
+              ({{ comment.spamReports }})
+            </button>
+            @if (canDelete(comment, context$ | async)) {
+              <button
+                mat-button
+                type="button"
+                (click)="remove(comment)">
+                {{ t.gettext('Delete') }}
+              </button>
+            }
+          </div>
+        }
+      </article>
+    } @empty {
+      @if (!loading()) {
+        <p>{{ t.gettext('No comments yet.') }}</p>
+      }
+    }
+  </div>
+</section>

package/ts-source/websql-code/taon-cms-comment/taon-cms-comments.component.scss

@@ -0,0 +1,39 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+.taon-cms-comments {
+  margin-block: 2rem;
+}
+
+textarea {
+  border: 1px solid gray;
+}
+
+.taon-cms-comment {
+  border-top: 1px solid #ddd;
+  padding: 1rem 0;
+}
+.taon-cms-comment header,
+.taon-cms-comment__actions {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.taon-cms-comment__body {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+textarea {
+  display: block;
+  width: 100%;
+  min-height: 6rem;
+}