コンテンツにスキップ

検索はプロダクションビルドでのみ利用可能です。 ローカルでテストするには、サイトをビルドしてプレビューしてください。

Penthouse 画面一覧

Penthouse(penthouse.plfumg.com)はシステム管理者向けの管理アプリケーションです。インフラ監視、アカウント管理、組織管理の機能を提供します。



メール+パスワード、Google OAuth、パスキーによるログイン。管理者ロール(admin)が必要。

管理者ロールを持たないユーザーがアクセスした場合に表示。


項目内容
タイトルダッシュボード
機能アカウント設定、アカウント管理、組織管理、OIDC設定、SCIM設定へのカード
レイアウト4カラムグリッド
項目内容
タイトルアカウント設定
機能パスキー管理、Google OAuth 連携、パスワード変更/設定/無効化
代理認証代理認証検出 + 解除ボタン
セッションサインアウト
項目内容
タイトルアカウント管理
コンポーネントAccountTable, CreateAccountModal, EditAccountModal
機能ユーザー一覧、検索/フィルタ、新規作成、編集、ロール変更
項目内容
タイトル組織管理
タブすべて / グループ / 店舗
機能組織一覧(カード表示)、検索、グループ作成、店舗作成
purelovers店舗作成時に purelovers ID で自動情報取得
項目内容
タイトル(組織名)
タブ概要 / メンバー / ロール
概要ID、slug、作成日、所属グループ
メンバーメンバー一覧、追加、削除、ロール割当
ロールカスタムロール作成・一覧
操作削除(カスケード対応)、グループ移動、プロフィール編集
項目内容
タイトル代理ログイン中
機能警告表示、代理ログイン終了ボタン
遷移終了後 /admin にリダイレクト

項目内容
タイトル管理ダッシュボード
セクションコスト概要(月次)、Workers メトリクス(24h)、DB メトリクス(月次)
アクションインフラ詳細へのリンク、ユーザー追加、組織作成
データgetWorkersMetrics(), getAllServicesCost(), getDbOperationsMetrics()
項目内容
タイトル料金
セクション月次コスト合計、サービス別コスト内訳、プラン詳細
対象サービスWorkers, Durable Objects, Queues, Analytics Engine, R2, KV, Database
機能コスト詳細テーブル、プラン情報モーダル、ゲージ表示

/admin/cloudflare — Cloudflare メトリクス

Section titled “/admin/cloudflare — Cloudflare メトリクス”
項目内容
タイトルCloudflare Workers
セクションWorkers 概要(24h)、ワーカー別メトリクス、サービス利用状況(月次)
メトリクスリクエスト数、CPU時間、レスポンス時間、エラー数
ゲージWorkers, DO, Queues, R2, KV の利用量/制限

/admin/database — データベースメトリクス

Section titled “/admin/database — データベースメトリクス”
項目内容
タイトルDatabase
セクション月次概要、利用ゲージ、詳細統計
メトリクスオペレーション数、クエリレイテンシ、エラー数
内訳サービス別、モデル別、オペレーション種別
項目内容
タイトルSQL Explorer
タブクエリエディタ / 最近のログ / スロークエリ / 時間帯別統計 / エンドポイント別
機能インタラクティブ SQL 実行、DB ログ閲覧、パフォーマンス分析
データgetAnalyticsTables(), getOperationsByHour(), getEndpointStats()

/admin/domain-blacklist — ドメインブラックリスト

Section titled “/admin/domain-blacklist — ドメインブラックリスト”
項目内容
タイトルドメインブラックリスト
機能グローバルブラックリストの追加/削除、検索、ワイルドカード対応
フォーマット*.example.com 形式
項目内容
タイトルOIDC設定
機能Issuer URL 表示、クライアント登録/編集/削除
クライアント設定名前、Client ID、Redirect URI、Scope
項目内容
タイトルSCIM設定
機能SCIM エンドポイント表示、トークン管理
トークン操作作成、再生成、削除
セキュリティトークンは作成時のみ表示

/admin 配下のページは専用のサイドバーナビゲーションを持ちます。

メニューパス状態
ダッシュボード/admin稼働中
料金/admin/billing稼働中
Cloudflare/admin/cloudflare稼働中
Database/admin/database稼働中
SQL Explorer/admin/sql稼働中
ドメインブラックリスト/admin/domain-blacklist稼働中
アカウント管理/admin/accounts移行中
組織管理/admin/organizations移行中
OIDC設定/admin/oidc稼働中
SCIM設定/admin/scim稼働中

技術用途
SvelteKitルーティング、SSR、Remote Functions
Svelte 5Runes ($state, $derived, $effect)
daisyUI 5UIコンポーネント
Tailwind CSS v4スタイリング
Lucide Svelteアイコン
better-auth/svelte認証クライアント

Penthouse は user.role === 'admin' のユーザーのみアクセス可能です。一般ユーザーがアクセスした場合は /unauthorized にリダイレクトされます。