@meith/web 0.16.0

package/app/admin/log/page.tsx

@@ -0,0 +1,116 @@
+import type { Metadata } from 'next'
+
+import { PANEL_LIST } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { PanelPagination } from '@/components/shell/panel-pagination'
+import { adminPageContext } from '@/server/admin'
+import { getContainer } from '@/server/container'
+import { getTranslator, tr } from '@/server/i18n'
+import { ADMIN_LOG_PAGE_SIZE, buildAdminLogView } from '@/view/admin-log'
+import { offsetOf, readPage } from '@/view/pager'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.admin-log') }
+}
+
+export default async function AdminLogPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ page?: string; action?: string }>
+}) {
+  if ((await adminPageContext()) === null) return null
+
+  const query = await searchParams
+  const { adminLog } = getContainer()
+  if (adminLog === null) return null
+
+  const translator = await getTranslator()
+  const page = readPage(query)
+  const filter = query.action === undefined ? {} : { action: query.action }
+
+  const [rows, total, actions] = await Promise.all([
+    adminLog.list({
+      limit: ADMIN_LOG_PAGE_SIZE,
+      offset: offsetOf(page, ADMIN_LOG_PAGE_SIZE),
+      ...filter,
+    }),
+    adminLog.count(filter),
+    adminLog.actions(),
+  ])
+
+  const view = buildAdminLogView({
+    rows,
+    actions,
+    currentAction: query.action ?? '',
+    now: new Date(),
+    t: translator,
+  })
+
+  return (
+    <PanelPage
+      title={await tr('page.admin-log')}
+      lede={await tr('page.every-administrative-moderation-action-newest')}
+      width="wide"
+    >
+      <form method="get" className="flex flex-wrap items-end gap-2">
+        <label className="flex flex-col gap-1 text-sm">
+          <span className="font-medium">{translator.t('adminLog.action')}</span>
+          <select
+            name="action"
+            defaultValue={view.currentAction}
+            className="h-9 rounded-md border border-border bg-background px-2 text-sm"
+          >
+            <option value="">{translator.t('adminLog.everything')}</option>
+            {view.actions.map((action) => (
+              <option key={action} value={action}>
+                {action}
+              </option>
+            ))}
+          </select>
+        </label>
+        <button
+          type="submit"
+          className="inline-flex h-9 items-center rounded-md border border-border px-3 text-sm hover:bg-muted"
+        >
+          {translator.t('adminLog.filter')}
+        </button>
+      </form>
+
+      {view.rows.length === 0 ? (
+        <p className="text-sm text-muted-foreground">{await tr('page.nothing-logged')}</p>
+      ) : (
+        <ul className={PANEL_LIST}>
+          {view.rows.map((row) => (
+            <li key={row.id} className="flex flex-col gap-1 px-4 py-3">
+              <div className="flex flex-wrap items-baseline gap-2 text-sm">
+                <code className="text-xs font-medium">{row.action}</code>
+                <span>{row.actor}</span>
+                {row.ipPrefix !== null && (
+                  <span className="text-xs text-muted-foreground">
+                    {translator.t('adminLog.from', { address: row.ipPrefix })}
+                  </span>
+                )}
+                <time dateTime={row.at.iso} className="ml-auto text-xs text-muted-foreground">
+                  {row.at.label}
+                </time>
+              </div>
+              {row.detail !== '' && (
+                <p className="whitespace-pre-wrap break-words text-xs text-muted-foreground">
+                  {row.detail}
+                </p>
+              )}
+            </li>
+          ))}
+        </ul>
+      )}
+
+      <PanelPagination
+        path="/admin/log"
+        params={query}
+        page={page}
+        pageSize={ADMIN_LOG_PAGE_SIZE}
+        total={total}
+      />
+    </PanelPage>
+  )
+}

package/app/admin/page.tsx

@@ -0,0 +1,206 @@
+import { ModerationQueue } from '@meith/moderation'
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardFooter,
+  CardRows,
+  cn,
+  Empty,
+  EmptyDescription,
+  EmptyTitle,
+} from '@meith/ui'
+
+import { PanelSectionGrid, PanelWaitingList } from '@/components/shell/panel-overview'
+import { PanelPage, PanelSection } from '@/components/shell/panel-page'
+import { adminPageContext } from '@/server/admin'
+import { getContainer } from '@/server/container'
+import { getActor } from '@/server/context'
+import { getTranslator, tr } from '@/server/i18n'
+import { hasReportScope, resolveReportScope } from '@/server/report-scope'
+import { readTotals } from '@/server/stats'
+import { pendingUpgradeNotice } from '@/server/upgrade-notice'
+import { ADMIN_SECTIONS } from '@/view/admin-nav'
+import { panelSectionCopy } from '@/view/panel-nav'
+import { formatTime } from '@/view/time'
+
+export default async function AdminHomePage() {
+  const context = await adminPageContext()
+  if (context === null) return null
+
+  const actor = await getActor()
+  const { adminLog, authorizer, moderationQueue, reports } = getContainer()
+
+  const now = new Date()
+  const translator = await getTranslator()
+
+  const [recent, upgradeNotice, totals, pending, openReports] = await Promise.all([
+    adminLog === null ? Promise.resolve([]) : adminLog.list({ limit: 6 }),
+    pendingUpgradeNotice(),
+    readTotals(),
+    moderationQueue === null
+      ? Promise.resolve(0)
+      : authorizer
+          .moderatedForumIds(actor)
+          .then((forumIds) =>
+            new ModerationQueue({ queue: moderationQueue }).countPending(forumIds),
+          ),
+    reports === null
+      ? Promise.resolve(0)
+      : resolveReportScope().then((scope) =>
+          hasReportScope(scope) ? reports.countOpen(scope) : 0,
+        ),
+  ])
+
+  const allClear = pending === 0 && openReports === 0 && upgradeNotice === null
+
+  return (
+    <PanelPage
+      title={await tr('page.overview')}
+      lede={
+        <>
+          Signed in to the control panel since{' '}
+          <time dateTime={context.session.createdAt.toISOString()}>
+            {formatTime(context.session.createdAt, now, translator).label}
+          </time>
+          {context.session.ipPrefix === null
+            ? translator.t('adminHome.sessionEnd')
+            : translator.t('adminHome.sessionFrom', { address: context.session.ipPrefix })}
+        </>
+      }
+      gap="loose"
+    >
+      <PanelSection id="waiting-heading" title={await tr('page.waiting-for')}>
+        {upgradeNotice !== null && (
+          <Alert tone="warning">
+            <AlertDescription>
+              <AlertTitle>{await tr('page.upgrade-pending')}</AlertTitle> {upgradeNotice}
+            </AlertDescription>
+            <a
+              href="/admin/system"
+              className={cn(buttonVariants({ variant: 'outline', size: 'sm' }), 'shrink-0')}
+            >
+              System
+            </a>
+          </Alert>
+        )}
+
+        <PanelWaitingList
+          items={[
+            {
+              count: pending,
+              one: translator.t('adminHome.postHeld'),
+              many: translator.t('adminHome.postsHeld'),
+              href: '/moderation',
+              action: translator.t('adminHome.review'),
+            },
+            {
+              count: openReports,
+              one: translator.t('adminHome.openReport'),
+              many: translator.t('adminHome.openReports'),
+              href: '/moderation/reports',
+              action: translator.t('adminHome.open'),
+            },
+          ]}
+          emptyTitle={translator.t('adminHome.emptyTitle')}
+          emptyDescription={
+            allClear ? translator.t('adminHome.allClear') : translator.t('adminHome.noPending')
+          }
+        />
+      </PanelSection>
+
+      {totals !== null && (
+        <PanelSection id="totals-heading" title={await tr('page.board')}>
+          <Card>
+            {totals.computedAt === null ? (
+              <Empty className="py-8">
+                <EmptyTitle>{await tr('page.not-counted-yet')}</EmptyTitle>
+                <EmptyDescription>
+                  {await tr('page.totals-rolled-up-by-scheduled')}
+                </EmptyDescription>
+              </Empty>
+            ) : (
+              <>
+                <CardContent className="grid grid-cols-3 gap-4 p-5">
+                  {[
+                    { label: translator.t('adminHome.threads'), value: totals.threadCount },
+                    { label: translator.t('adminHome.posts'), value: totals.postCount },
+                    { label: translator.t('adminHome.members'), value: totals.memberCount },
+                  ].map((figure) => (
+                    <div key={figure.label}>
+                      <p className="text-2xl font-semibold text-foreground tabular-nums">
+                        {translator.number(figure.value)}
+                      </p>
+                      <p className="text-xs text-muted-foreground">{figure.label}</p>
+                    </div>
+                  ))}
+                </CardContent>
+                <CardFooter className="justify-between">
+                  <span>
+                    {totals.newestUsername === null
+                      ? translator.t('adminHome.noMembers')
+                      : translator.t('adminHome.newestMember', { username: totals.newestUsername })}
+                  </span>
+                  <span>
+                    {translator.t('adminHome.counted')}{' '}
+                    <time dateTime={totals.computedAt.toISOString()}>
+                      {formatTime(totals.computedAt, now, translator).label}
+                    </time>
+                  </span>
+                </CardFooter>
+              </>
+            )}
+          </Card>
+        </PanelSection>
+      )}
+
+      <PanelSection id="activity-heading" title={await tr('page.latest-activity')}>
+        <Card>
+          {recent.length === 0 ? (
+            <Empty className="py-8">
+              <EmptyTitle>{await tr('page.nothing-logged-yet')}</EmptyTitle>
+              <EmptyDescription>
+                {await tr('page.administrative-moderation-actions-appear-here')}
+              </EmptyDescription>
+            </Empty>
+          ) : (
+            <>
+              <CardRows>
+                {recent.map((row) => (
+                  <li
+                    key={row.id}
+                    className="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-4 py-2.5"
+                  >
+                    <code className="font-mono text-xs text-foreground">{row.action}</code>
+                    <span className="text-xs text-muted-foreground">
+                      {row.username ?? translator.t('adminHome.system')}
+                      {' · '}
+                      <time dateTime={row.createdAt.toISOString()}>
+                        {formatTime(row.createdAt, now, translator).label}
+                      </time>
+                    </span>
+                  </li>
+                ))}
+              </CardRows>
+              <CardFooter>
+                <a
+                  href="/admin/log"
+                  className="font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
+                >
+                  {await tr('page.whole-log')}
+                </a>
+              </CardFooter>
+            </>
+          )}
+        </Card>
+      </PanelSection>
+
+      <PanelSection id="sections-heading" title={await tr('page.sections')}>
+        <PanelSectionGrid sections={panelSectionCopy(ADMIN_SECTIONS, translator)} />
+      </PanelSection>
+    </PanelPage>
+  )
+}

package/app/admin/plugins/[key]/[[...path]]/page.tsx

@@ -0,0 +1,276 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+
+import { PluginEnableForm, PluginSettingsForm } from '@/components/admin/plugin-forms'
+import { PANEL_CARD, PANEL_NOTE } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { ViewTabs } from '@/components/shell/view-tabs'
+import { adminPageContext } from '@/server/admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { pluginRow } from '@/server/plugin-admin'
+import { renderPluginAdminPage } from '@/server/plugin-pages'
+import { pluginFormsCopy } from '@/view/admin-panel-copy'
+import { pluginPanelTabs } from '@/view/plugin-panel'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('page.plugin') }
+}
+
+export default async function AdminPluginPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ key: string; path?: string[] }>
+  searchParams: Promise<Record<string, string | string[] | undefined>>
+}) {
+  if ((await adminPageContext()) === null) return null
+
+  const { key, path } = await params
+  const t = await getTranslator()
+  const plugin = await pluginRow(key, t)
+  if (plugin === null) notFound()
+
+  const segments = path ?? []
+
+  if (segments.length > 1) notFound()
+
+  if (segments.length === 1) {
+    const query: Record<string, string> = {}
+    for (const [name, value] of Object.entries(await searchParams)) {
+      if (typeof value === 'string') query[name] = value
+      else if (Array.isArray(value) && typeof value[0] === 'string') query[name] = value[0]
+    }
+
+    const rendered = await renderPluginAdminPage(key, segments[0] as string, query)
+    if (rendered === null) notFound()
+
+    return (
+      <PanelPage
+        back={{
+          href: `/admin/plugins/${key}`,
+          label: plugin.name ?? plugin.key,
+        }}
+        title={rendered.title}
+        meta={
+          <>
+            {t.t('adminPluginDetail.pluginPageMetaBefore')} <code className="font-mono">{key}</code>{' '}
+            {t.t('adminPluginDetail.pluginPageMetaAfter')}
+          </>
+        }
+      >
+        <ViewTabs
+          label={t.t('adminPluginDetail.screens', { plugin: plugin.name ?? plugin.key })}
+          tabs={pluginPanelTabs({
+            pluginKey: key,
+            pages: plugin.pages,
+            current: segments[0] as string,
+          })}
+        />
+
+        {rendered.node === null ? (
+          <p className={PANEL_NOTE}>{t.t('adminPluginDetail.pluginPageError')}</p>
+        ) : (
+          <section className="rounded-xl border border-border bg-surface p-4">
+            {rendered.node}
+          </section>
+        )}
+      </PanelPage>
+    )
+  }
+
+  const visibleSettings = plugin.settings
+  const pendingMigrations = plugin.migrations.filter((migration) => !migration.applied)
+  const copy = pluginFormsCopy(t)
+
+  return (
+    <PanelPage
+      back={{ href: '/admin/plugins', label: t.t('adminPluginDetail.allPlugins') }}
+      title={plugin.name ?? plugin.key}
+      gap="loose"
+      lede={
+        <>
+          <code className="font-mono text-xs">{plugin.key}</code>
+          {plugin.version !== null && ` · ${plugin.version}`}
+          {plugin.description !== null && ` — ${plugin.description}`}
+        </>
+      }
+      {...(plugin.dependsOn.length > 0
+        ? {
+            meta: t.t('adminPluginDetail.dependsOn', { plugins: plugin.dependsOn.join(', ') }),
+          }
+        : {})}
+    >
+      <ViewTabs
+        label={t.t('adminPluginDetail.screens', { plugin: plugin.name ?? plugin.key })}
+        tabs={pluginPanelTabs({ pluginKey: key, pages: plugin.pages, current: null })}
+      />
+
+      <section className={PANEL_CARD}>
+        <h2 className="font-heading text-lg font-semibold">{t.t('adminPluginDetail.status')}</h2>
+        <dl className="flex flex-col gap-2 text-sm">
+          <div className="flex flex-wrap justify-between gap-2">
+            <dt className="text-muted-foreground">{await tr('page.this-build')}</dt>
+            <dd>
+              {plugin.hasDefinition
+                ? plugin.configuredEnabled
+                  ? t.t('adminPluginDetail.yes')
+                  : t.t('adminPluginDetail.runningRegisteredDisabled')
+                : t.t('adminPluginDetail.runningUndefined')}
+            </dd>
+          </div>
+          <div className="flex flex-wrap justify-between gap-2">
+            <dt className="text-muted-foreground">{await tr('page.switched-here')}</dt>
+            <dd>
+              {plugin.operatorEnabled
+                ? t.t('adminPluginDetail.yes')
+                : t.t('adminPluginDetail.runningNoDisabled')}
+            </dd>
+          </div>
+          <div className="flex flex-wrap justify-between gap-2">
+            <dt className="text-muted-foreground">{await tr('page.running-this-server')}</dt>
+            <dd>
+              {plugin.running
+                ? t.t('adminPluginDetail.yes')
+                : (plugin.health?.disabledReason ?? t.t('adminPluginDetail.runningNo'))}
+            </dd>
+          </div>
+        </dl>
+
+        {plugin.configuredEnabled && plugin.hasDefinition && (
+          <div className="max-w-40">
+            <PluginEnableForm pluginKey={plugin.key} enabled={plugin.operatorEnabled} copy={copy} />
+          </div>
+        )}
+      </section>
+
+      {plugin.health !== null && (
+        <section className={PANEL_CARD}>
+          <h2 className="font-heading text-lg font-semibold">{t.t('adminPluginDetail.health')}</h2>
+          <p className="text-sm text-muted-foreground">{t.t('adminPluginDetail.healthHint')}</p>
+          <dl className="grid grid-cols-2 gap-3 text-sm sm:grid-cols-4">
+            <div>
+              <dt className="text-xs text-muted-foreground">{t.t('adminPluginDetail.calls')}</dt>
+              <dd className="text-lg">{plugin.health.calls}</dd>
+            </div>
+            <div>
+              <dt className="text-xs text-muted-foreground">{t.t('adminPluginDetail.failures')}</dt>
+              <dd className="text-lg">{plugin.health.failures}</dd>
+            </div>
+            <div>
+              <dt className="text-xs text-muted-foreground">{await tr('page.slow-calls')}</dt>
+              <dd className="text-lg">{plugin.health.slowCalls}</dd>
+            </div>
+            <div>
+              <dt className="text-xs text-muted-foreground">{await tr('page.total-time')}</dt>
+              <dd className="text-lg">{plugin.health.totalMs} ms</dd>
+            </div>
+          </dl>
+          {plugin.health.lastError !== null && (
+            <p className="rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm">
+              {t.t('adminPluginDetail.lastFailure', {
+                hook: plugin.health.lastError.hook,
+                message: plugin.health.lastError.message,
+              })}
+            </p>
+          )}
+        </section>
+      )}
+
+      {visibleSettings.length > 0 && (
+        <section className={PANEL_CARD}>
+          <h2 className="font-heading text-lg font-semibold">
+            {t.t('adminPluginDetail.settings')}
+          </h2>
+          <p className="text-sm text-muted-foreground">{t.t('adminPluginDetail.settingsHint')}</p>
+          <PluginSettingsForm pluginKey={plugin.key} settings={visibleSettings} copy={copy} />
+        </section>
+      )}
+
+      {plugin.migrations.length > 0 && (
+        <section className={PANEL_CARD}>
+          <h2 className="font-heading text-lg font-semibold">
+            {t.t('adminPluginDetail.migrations')}
+          </h2>
+          <p className="text-sm text-muted-foreground">{t.t('adminPluginDetail.migrationsHint')}</p>
+          <ul className="flex flex-col divide-y divide-border text-sm">
+            {plugin.migrations.map((migration) => (
+              <li key={migration.id} className="flex justify-between gap-3 py-2">
+                <code className="text-xs">{migration.id}</code>
+                <span
+                  className={
+                    migration.applied ? 'text-xs text-muted-foreground' : 'text-xs text-destructive'
+                  }
+                >
+                  {migration.applied
+                    ? t.t('adminPluginDetail.applied')
+                    : t.t('adminPluginDetail.notApplied')}
+                </span>
+              </li>
+            ))}
+          </ul>
+          {pendingMigrations.length > 0 && (
+            <p className="text-sm text-destructive">{t.t('adminPluginDetail.runUpgrade')}</p>
+          )}
+        </section>
+      )}
+
+      {plugin.tasks.length > 0 && (
+        <section className={PANEL_CARD}>
+          <h2 className="font-heading text-lg font-semibold">{await tr('page.scheduled-tasks')}</h2>
+          <p className="text-sm text-muted-foreground">
+            {t.t('adminPluginDetail.tasksHintBefore')}{' '}
+            <a
+              href="/admin/system"
+              className="font-medium text-foreground underline decoration-border underline-offset-2 hover:decoration-foreground"
+            >
+              {t.t('page.system-health')}
+            </a>{' '}
+            {t.t('adminPluginDetail.tasksHintAfter')}
+          </p>
+          <ul className="flex flex-col divide-y divide-border text-sm">
+            {plugin.tasks.map((task) => (
+              <li key={task.id} className="flex justify-between gap-3 py-2">
+                <code className="text-xs">{task.registeredId}</code>
+                <span className="text-xs text-muted-foreground">
+                  {t.t('adminPluginDetail.every', { seconds: task.intervalSeconds })}
+                </span>
+              </li>
+            ))}
+          </ul>
+        </section>
+      )}
+
+      {(plugin.hooks.length > 0 || plugin.regions.length > 0) && (
+        <section className={PANEL_CARD}>
+          <h2 className="font-heading text-lg font-semibold">
+            {t.t('adminPluginDetail.whatItAttaches')}
+          </h2>
+          {plugin.hooks.length > 0 && (
+            <div className="flex flex-col gap-1">
+              <h3 className="text-sm font-medium">{t.t('adminPluginDetail.hooks')}</h3>
+              <p className="flex flex-wrap gap-x-3 gap-y-1">
+                {plugin.hooks.map((hook) => (
+                  <code key={hook} className="text-xs text-muted-foreground">
+                    {hook}
+                  </code>
+                ))}
+              </p>
+            </div>
+          )}
+          {plugin.regions.length > 0 && (
+            <div className="flex flex-col gap-1">
+              <h3 className="text-sm font-medium">{t.t('adminPluginDetail.regions')}</h3>
+              <p className="flex flex-wrap gap-x-3 gap-y-1">
+                {plugin.regions.map((region) => (
+                  <code key={region} className="text-xs text-muted-foreground">
+                    {region}
+                  </code>
+                ))}
+              </p>
+            </div>
+          )}
+        </section>
+      )}
+    </PanelPage>
+  )
+}

package/app/admin/plugins/browse/page.tsx

@@ -0,0 +1,70 @@
+import type { Metadata } from 'next'
+
+import { MarketplaceRefreshForm } from '@/components/admin/marketplace-forms'
+import { MarketplaceListingCard } from '@/components/admin/marketplace-listing'
+import { PANEL_NOTE } from '@/components/shell/panel-list'
+import { PanelPage } from '@/components/shell/panel-page'
+import { ViewTabs } from '@/components/shell/view-tabs'
+import { adminPageContext } from '@/server/admin'
+import { getTranslator, tr } from '@/server/i18n'
+import { marketplaceCatalog } from '@/server/marketplace-admin'
+import { marketplaceFormsCopy } from '@/view/admin-panel-copy'
+import { catalogTabs } from '@/view/marketplace-panel'
+import { formatTime } from '@/view/time'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: await tr('adminMarketplace.browsePluginsTitle') }
+}
+
+export default async function AdminPluginsBrowsePage() {
+  if ((await adminPageContext()) === null) return null
+
+  const t = await getTranslator()
+  const catalog = await marketplaceCatalog('plugin')
+  const copy = marketplaceFormsCopy(t)
+  const now = new Date()
+
+  return (
+    <PanelPage
+      title={t.t('adminMarketplace.browsePluginsTitle')}
+      lede={t.t('adminMarketplace.browseLede')}
+    >
+      <ViewTabs
+        label={t.t('adminMarketplace.tabsLabel')}
+        tabs={catalogTabs({
+          installedHref: '/admin/plugins',
+          browseHref: '/admin/plugins/browse',
+          current: 'browse',
+          t,
+        })}
+        aside={
+          catalog.fetchedAt !== null
+            ? t.t('adminMarketplace.lastFetched', {
+                time: formatTime(catalog.fetchedAt, now, t).label,
+              })
+            : undefined
+        }
+      />
+
+      <MarketplaceRefreshForm copy={copy} />
+
+      {catalog.unreachable && <p className={PANEL_NOTE}>{t.t('adminMarketplace.unreachable')}</p>}
+
+      {!catalog.unreachable && !catalog.hasEverFetched && (
+        <p className={PANEL_NOTE}>{t.t('adminMarketplace.neverFetched')}</p>
+      )}
+
+      {catalog.hasEverFetched && catalog.listings.length === 0 && (
+        <p className={PANEL_NOTE}>{t.t('adminMarketplace.emptyPlugins')}</p>
+      )}
+
+      {catalog.listings.length > 0 && (
+        <ul className="flex flex-col gap-4">
+          {catalog.listings.map((listing) => (
+            <MarketplaceListingCard key={listing.key} listing={listing} t={t} />
+          ))}
+        </ul>
+      )}
+    </PanelPage>
+  )
+}