Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f84516a65b | |||
| 219b4c8365 | |||
| 9c50c9f054 |
87
src/app/[locale]/dashboard/edit/[id]/page.tsx
Normal file
87
src/app/[locale]/dashboard/edit/[id]/page.tsx
Normal file
@@ -0,0 +1,87 @@
|
|||||||
|
import { getSessionUser, canMutate } from "@/lib/session";
|
||||||
|
import { redirect } from "next/navigation";
|
||||||
|
import { getTranslations } from "next-intl/server";
|
||||||
|
import { getTenantRequestById } from "@/lib/db";
|
||||||
|
import { OnboardingFlow } from "@/components/onboarding/onboarding-flow";
|
||||||
|
import { BackLink } from "@/components/ui/back-link";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* /dashboard/edit/[id] — re-opens the onboarding wizard with the
|
||||||
|
* fields of a still-pending request pre-filled (Bug 6). On submit,
|
||||||
|
* the wizard PATCHes /api/onboarding/[id] instead of POSTing to
|
||||||
|
* /api/onboarding.
|
||||||
|
*
|
||||||
|
* Hard guards
|
||||||
|
* -----------
|
||||||
|
* - Logged-in customer owner (or platform user) only — same as the
|
||||||
|
* /dashboard/new page.
|
||||||
|
* - Request must exist, belong to the caller's org, and be in 'pending'
|
||||||
|
* status. Editing approved/provisioning rows would race against the
|
||||||
|
* operator; we redirect such cases back to the dashboard rather than
|
||||||
|
* render an invalid wizard.
|
||||||
|
*
|
||||||
|
* Pre-fill
|
||||||
|
* --------
|
||||||
|
* The wizard takes a single `editingRequest` prop — when present, it
|
||||||
|
* (a) pre-populates state from those values and (b) targets the PATCH
|
||||||
|
* endpoint on submit. When absent, it behaves exactly as today (POST
|
||||||
|
* to /api/onboarding).
|
||||||
|
*
|
||||||
|
* Note on encrypted secrets
|
||||||
|
* -------------------------
|
||||||
|
* Per-package secrets are NEVER decrypted server-side and exposed to
|
||||||
|
* the client (would be a clear security regression). When editing,
|
||||||
|
* the wizard opens with empty secret fields and the user re-enters
|
||||||
|
* any they want to change. If they don't touch the package-secrets
|
||||||
|
* UI, the existing encrypted blob in the DB is preserved by the
|
||||||
|
* PATCH endpoint (it only re-encrypts when the wizard sends a
|
||||||
|
* non-empty secrets payload).
|
||||||
|
*/
|
||||||
|
export default async function EditRequestPage({
|
||||||
|
params,
|
||||||
|
}: {
|
||||||
|
params: Promise<{ id: string; locale: string }>;
|
||||||
|
}) {
|
||||||
|
const { id } = await params;
|
||||||
|
const user = await getSessionUser();
|
||||||
|
if (!user) redirect("/login");
|
||||||
|
if (user.isPlatform) redirect("/dashboard");
|
||||||
|
if (!canMutate(user)) redirect("/dashboard");
|
||||||
|
|
||||||
|
const tr = await getTenantRequestById(id);
|
||||||
|
if (!tr) redirect("/dashboard");
|
||||||
|
if (tr.zitadelOrgId !== user.orgId) redirect("/dashboard");
|
||||||
|
if (tr.status !== "pending") redirect("/dashboard");
|
||||||
|
|
||||||
|
const t = await getTranslations("dashboard");
|
||||||
|
const tOnboarding = await getTranslations("onboarding");
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="container max-w-3xl mx-auto px-4 py-8">
|
||||||
|
<div className="mb-8 animate-in">
|
||||||
|
<BackLink href="/dashboard" label={t("title")} />
|
||||||
|
<h1 className="font-display text-2xl font-semibold accent-rule mb-2">
|
||||||
|
{tOnboarding("editRequestTitle")}
|
||||||
|
</h1>
|
||||||
|
<p className="text-sm text-text-secondary">
|
||||||
|
{tOnboarding("editRequestDescription")}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<OnboardingFlow
|
||||||
|
orgName={user.orgName}
|
||||||
|
userName={user.name}
|
||||||
|
userEmail={user.email}
|
||||||
|
editingRequest={{
|
||||||
|
id: tr.id,
|
||||||
|
instanceName: tr.instanceName ?? "",
|
||||||
|
agentName: tr.agentName,
|
||||||
|
soulMd: tr.soulMd ?? "",
|
||||||
|
agentsMd: tr.agentsMd ?? "",
|
||||||
|
packages: tr.packages,
|
||||||
|
billingAddress: tr.billingAddress,
|
||||||
|
billingNotes: tr.billingNotes ?? "",
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -315,7 +315,11 @@ export default async function DashboardPage() {
|
|||||||
</h2>
|
</h2>
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
{inflightRequests.map((r) => (
|
{inflightRequests.map((r) => (
|
||||||
<ProvisioningStatus key={r.id} requestId={r.id} />
|
<ProvisioningStatus
|
||||||
|
key={r.id}
|
||||||
|
requestId={r.id}
|
||||||
|
canAct={canMutate(user)}
|
||||||
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ import { PackageList } from "@/components/packages/package-list";
|
|||||||
import { WorkspaceEditor } from "@/components/packages/workspace-editor";
|
import { WorkspaceEditor } from "@/components/packages/workspace-editor";
|
||||||
import { ChannelUsers } from "@/components/channel-users/channel-users";
|
import { ChannelUsers } from "@/components/channel-users/channel-users";
|
||||||
import { AssignedUsersPanel } from "@/components/tenants/assigned-users-panel";
|
import { AssignedUsersPanel } from "@/components/tenants/assigned-users-panel";
|
||||||
|
import { SubscriptionToggle } from "@/components/tenants/subscription-toggle";
|
||||||
import { formatDateTime, formatRelative } from "@/lib/format";
|
import { formatDateTime, formatRelative } from "@/lib/format";
|
||||||
|
|
||||||
const CHANNEL_PACKAGES = ["telegram", "discord", "email"];
|
const CHANNEL_PACKAGES = ["telegram", "discord", "email"];
|
||||||
@@ -40,6 +41,11 @@ export default async function TenantDetailPage({
|
|||||||
// the same page but with edit controls hidden / fields read-only.
|
// the same page but with edit controls hidden / fields read-only.
|
||||||
const canEdit = canMutate(user);
|
const canEdit = canMutate(user);
|
||||||
|
|
||||||
|
// Bug 31: customer-side cancel/resume control. Same gate as canEdit
|
||||||
|
// — only owners (or platform staff) may toggle the subscription.
|
||||||
|
// The current state comes from spec.suspend on the CR.
|
||||||
|
const isSuspended = Boolean(tenant.spec.suspend);
|
||||||
|
|
||||||
// Bug 7: assigned-users panel is meaningless for personal tenants
|
// Bug 7: assigned-users panel is meaningless for personal tenants
|
||||||
// (sole-owner by definition; the only "assignee" is the owner
|
// (sole-owner by definition; the only "assignee" is the owner
|
||||||
// themselves). We hide the panel when EITHER the CR carries the
|
// themselves). We hide the panel when EITHER the CR carries the
|
||||||
@@ -102,6 +108,41 @@ export default async function TenantDetailPage({
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Bug 31: prominent banner when the subscription is cancelled.
|
||||||
|
Sits between header and content so it's the first thing the
|
||||||
|
owner sees. Says clearly what state means, and that data is
|
||||||
|
preserved. The Resume action lives in the SubscriptionToggle
|
||||||
|
at the bottom — duplicating it here would clutter the banner
|
||||||
|
for the much-more-common active case. */}
|
||||||
|
{isSuspended && (
|
||||||
|
<div className="mb-8 animate-in animate-in-delay-1 bg-amber-500/10 border border-amber-500/30 rounded-xl p-4">
|
||||||
|
<div className="flex items-start gap-3">
|
||||||
|
<svg
|
||||||
|
className="h-5 w-5 text-amber-400 shrink-0 mt-0.5"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeWidth={1.5}
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zM12 15.75h.008v.008H12v-.008z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<div className="min-w-0">
|
||||||
|
<div className="text-sm font-semibold text-amber-300">
|
||||||
|
{t("suspendedTitle")}
|
||||||
|
</div>
|
||||||
|
<div className="text-xs text-text-secondary mt-1">
|
||||||
|
{t("suspendedDescription")}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
{/* Usage */}
|
{/* Usage */}
|
||||||
<section className="mb-8 animate-in animate-in-delay-1">
|
<section className="mb-8 animate-in animate-in-delay-1">
|
||||||
<h2 className="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3">
|
<h2 className="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3">
|
||||||
@@ -155,6 +196,25 @@ export default async function TenantDetailPage({
|
|||||||
<AssignedUsersPanel tenantName={name} canEdit={canEdit} />
|
<AssignedUsersPanel tenantName={name} canEdit={canEdit} />
|
||||||
</section>
|
</section>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Bug 31: subscription cancel/resume — owners + platform staff
|
||||||
|
only. Lives at the bottom of the page (rather than near the
|
||||||
|
status badge) to add deliberate friction; mis-clicking
|
||||||
|
"Cancel subscription" from the top would be too easy. The
|
||||||
|
control itself opens a confirmation modal before sending. */}
|
||||||
|
{canEdit && (
|
||||||
|
<section className="mt-12 pt-8 border-t border-border animate-in animate-in-delay-4">
|
||||||
|
<h2 className="text-xs font-semibold uppercase tracking-wider text-text-muted mb-3">
|
||||||
|
{t("subscriptionTitle")}
|
||||||
|
</h2>
|
||||||
|
<p className="text-sm text-text-secondary mb-4">
|
||||||
|
{isSuspended
|
||||||
|
? t("subscriptionDescriptionSuspended")
|
||||||
|
: t("subscriptionDescriptionActive")}
|
||||||
|
</p>
|
||||||
|
<SubscriptionToggle tenantName={name} suspended={isSuspended} />
|
||||||
|
</section>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
65
src/app/api/onboarding/[id]/dismiss/route.ts
Normal file
65
src/app/api/onboarding/[id]/dismiss/route.ts
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
import { NextRequest, NextResponse } from "next/server";
|
||||||
|
import { getSessionUser, canMutate } from "@/lib/session";
|
||||||
|
import { dismissTenantRequest, getTenantRequestById } from "@/lib/db";
|
||||||
|
import { safeError } from "@/lib/errors";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /api/onboarding/[id]/dismiss
|
||||||
|
*
|
||||||
|
* Customer-side acknowledgement of a rejected or cancelled request
|
||||||
|
* (Bug 13). Sets `dismissed_at = now()` so the row stops appearing
|
||||||
|
* in the dashboard's `listActiveTenantRequestsByOrgId` query. The
|
||||||
|
* row itself is preserved for audit.
|
||||||
|
*
|
||||||
|
* Authorization mirrors the GET / DELETE / PATCH endpoints on this
|
||||||
|
* resource: customer owners (or platform staff) of the row's org.
|
||||||
|
*
|
||||||
|
* Idempotent: dismissing an already-dismissed request returns 200
|
||||||
|
* with no change. We refuse to dismiss non-terminal rows (pending,
|
||||||
|
* approved, provisioning, active) — those are still actionable, and
|
||||||
|
* "hiding" them would stash live state from the customer.
|
||||||
|
*/
|
||||||
|
export async function POST(
|
||||||
|
_req: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ id: string }> }
|
||||||
|
) {
|
||||||
|
const user = await getSessionUser();
|
||||||
|
if (!user) {
|
||||||
|
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
|
||||||
|
}
|
||||||
|
if (!canMutate(user)) {
|
||||||
|
return NextResponse.json({ error: "Forbidden" }, { status: 403 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { id } = await params;
|
||||||
|
const tr = await getTenantRequestById(id);
|
||||||
|
if (!tr) {
|
||||||
|
return NextResponse.json({ error: "Not found" }, { status: 404 });
|
||||||
|
}
|
||||||
|
if (!user.isPlatform && tr.zitadelOrgId !== user.orgId) {
|
||||||
|
return NextResponse.json({ error: "Not found" }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (tr.status !== "rejected" && tr.status !== "cancelled") {
|
||||||
|
return NextResponse.json(
|
||||||
|
{
|
||||||
|
error:
|
||||||
|
"Only rejected or cancelled requests can be dismissed. Active requests stay visible.",
|
||||||
|
code: "not_dismissable",
|
||||||
|
currentStatus: tr.status,
|
||||||
|
},
|
||||||
|
{ status: 409 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await dismissTenantRequest(id);
|
||||||
|
return NextResponse.json({ message: "Dismissed.", id });
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error("Failed to dismiss request:", e);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: safeError(e, "Failed to dismiss request") },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
207
src/app/api/onboarding/[id]/route.ts
Normal file
207
src/app/api/onboarding/[id]/route.ts
Normal file
@@ -0,0 +1,207 @@
|
|||||||
|
import { NextRequest, NextResponse } from "next/server";
|
||||||
|
import { getSessionUser, canMutate } from "@/lib/session";
|
||||||
|
import {
|
||||||
|
getTenantRequestById,
|
||||||
|
updateTenantRequestStatus,
|
||||||
|
updateTenantRequestEditableFields,
|
||||||
|
} from "@/lib/db";
|
||||||
|
import { encryptSecrets } from "@/lib/crypto";
|
||||||
|
import { onboardingSchema } from "@/lib/validation";
|
||||||
|
import { safeError } from "@/lib/errors";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Customer-side controls for a single tenant_request row.
|
||||||
|
*
|
||||||
|
* - DELETE /api/onboarding/[id] → cancel a still-pending request
|
||||||
|
* - PATCH /api/onboarding/[id] → edit fields of a still-pending
|
||||||
|
* request (Bug 6)
|
||||||
|
*
|
||||||
|
* Both endpoints share the same authorization check: the caller must
|
||||||
|
* be a customer owner (or platform staff) of the request's org. We
|
||||||
|
* also enforce status === 'pending' on the row — once an admin has
|
||||||
|
* acted on it, the customer can no longer mutate it from the portal.
|
||||||
|
*
|
||||||
|
* Reading these is via the existing GET /api/onboarding?id=... handler.
|
||||||
|
*/
|
||||||
|
|
||||||
|
async function loadAuthorized(
|
||||||
|
id: string
|
||||||
|
): Promise<
|
||||||
|
| { error: NextResponse }
|
||||||
|
| { req: Awaited<ReturnType<typeof getTenantRequestById>>; }
|
||||||
|
> {
|
||||||
|
const user = await getSessionUser();
|
||||||
|
if (!user) {
|
||||||
|
return {
|
||||||
|
error: NextResponse.json({ error: "Unauthorized" }, { status: 401 }),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (!canMutate(user)) {
|
||||||
|
return {
|
||||||
|
error: NextResponse.json({ error: "Forbidden" }, { status: 403 }),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
const tr = await getTenantRequestById(id);
|
||||||
|
if (!tr) {
|
||||||
|
return {
|
||||||
|
error: NextResponse.json({ error: "Not found" }, { status: 404 }),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
// Customers may only read their own org's requests; platform users
|
||||||
|
// may read any. Same scope as `GET /api/onboarding?id=...`.
|
||||||
|
if (!user.isPlatform && tr.zitadelOrgId !== user.orgId) {
|
||||||
|
return {
|
||||||
|
error: NextResponse.json({ error: "Not found" }, { status: 404 }),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return { req: tr };
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* DELETE /api/onboarding/[id]
|
||||||
|
*
|
||||||
|
* Customer cancels a still-pending request. Status flips to 'cancelled';
|
||||||
|
* the row is preserved for audit. The customer can dismiss the
|
||||||
|
* cancelled card afterwards (Bug 13 reuse — same dismissal mechanism).
|
||||||
|
*
|
||||||
|
* Once admin has approved/provisioned/rejected, this endpoint refuses
|
||||||
|
* (409). Cancelling a tenant that's already running goes through the
|
||||||
|
* subscription-suspend flow on the tenant detail page, not here.
|
||||||
|
*/
|
||||||
|
export async function DELETE(
|
||||||
|
_req: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ id: string }> }
|
||||||
|
) {
|
||||||
|
const { id } = await params;
|
||||||
|
const loaded = await loadAuthorized(id);
|
||||||
|
if ("error" in loaded) return loaded.error;
|
||||||
|
const tr = loaded.req!;
|
||||||
|
|
||||||
|
if (tr.status !== "pending") {
|
||||||
|
return NextResponse.json(
|
||||||
|
{
|
||||||
|
error:
|
||||||
|
"Only pending requests can be cancelled. Approved or provisioning instances must be managed from the tenant page.",
|
||||||
|
code: "not_pending",
|
||||||
|
currentStatus: tr.status,
|
||||||
|
},
|
||||||
|
{ status: 409 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await updateTenantRequestStatus(id, "cancelled");
|
||||||
|
return NextResponse.json({ message: "Request cancelled.", id });
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error("Failed to cancel request:", e);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: safeError(e, "Failed to cancel request") },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PATCH /api/onboarding/[id]
|
||||||
|
*
|
||||||
|
* Customer edits a still-pending request. Validation is the same as on
|
||||||
|
* POST /api/onboarding (shared schema). Only customer-input fields are
|
||||||
|
* editable; status/tenant_name/admin_notes/etc. are server-managed.
|
||||||
|
*
|
||||||
|
* Note on company-level fields
|
||||||
|
* ----------------------------
|
||||||
|
* For a follow-up instance (org has prior approved rows), the POST
|
||||||
|
* handler intentionally ignores the wizard's billingAddress and uses
|
||||||
|
* the on-file value instead. We mirror that here: company-level fields
|
||||||
|
* (companyName, contactName, contactEmail, billingAddress) on a
|
||||||
|
* follow-up edit are NOT updated through this endpoint. The customer
|
||||||
|
* should use a future settings page (Bug 11) for those. For now,
|
||||||
|
* editing only mutates per-instance fields — agent name, instance
|
||||||
|
* name, packages, soulMd, agentsMd, billingNotes, packageSecrets.
|
||||||
|
*
|
||||||
|
* For the FIRST instance (no prior approved rows), billingAddress IS
|
||||||
|
* editable here, since the customer is still defining their company's
|
||||||
|
* billing data.
|
||||||
|
*/
|
||||||
|
export async function PATCH(
|
||||||
|
req: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ id: string }> }
|
||||||
|
) {
|
||||||
|
const { id } = await params;
|
||||||
|
const loaded = await loadAuthorized(id);
|
||||||
|
if ("error" in loaded) return loaded.error;
|
||||||
|
const tr = loaded.req!;
|
||||||
|
|
||||||
|
if (tr.status !== "pending") {
|
||||||
|
return NextResponse.json(
|
||||||
|
{
|
||||||
|
error: "Only pending requests can be edited.",
|
||||||
|
code: "not_pending",
|
||||||
|
currentStatus: tr.status,
|
||||||
|
},
|
||||||
|
{ status: 409 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await req.json().catch(() => null);
|
||||||
|
const parsed = onboardingSchema.safeParse(body);
|
||||||
|
if (!parsed.success) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: "Invalid input", details: parsed.error.flatten() },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const input = parsed.data;
|
||||||
|
|
||||||
|
// Re-encrypt package secrets if present in the patch body. When the
|
||||||
|
// user re-opens the wizard to edit, the secrets array is populated
|
||||||
|
// afresh from the wizard (we never decrypt and return existing
|
||||||
|
// secrets — that'd be a security regression). If the user didn't
|
||||||
|
// touch any secret-bearing package, the wizard sends no
|
||||||
|
// packageSecrets and we leave the existing encrypted blob alone.
|
||||||
|
let encryptedSecrets: Buffer | null | undefined;
|
||||||
|
if (input.packageSecrets && Object.keys(input.packageSecrets).length > 0) {
|
||||||
|
try {
|
||||||
|
encryptedSecrets = await encryptSecrets(input.packageSecrets);
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error("Failed to encrypt package secrets:", e);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: "Failed to secure credentials. Please try again." },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Only first-instance edits get billingAddress; follow-ups inherit
|
||||||
|
// company billing from the on-file approved row.
|
||||||
|
const isFirstInstance = !tr.tenantName; // approximation; covers the
|
||||||
|
// "no prior approved row for this org" case the POST handler treats
|
||||||
|
// identically. A more rigorous check would call
|
||||||
|
// getMostRecentApprovedRequestForOrg, but in practice an org with
|
||||||
|
// an approved row for some other tenant has a tenantName on those
|
||||||
|
// rows, not on the pending one being edited — so the simple check
|
||||||
|
// here is fine for the only state the endpoint accepts (pending).
|
||||||
|
|
||||||
|
try {
|
||||||
|
const updated = await updateTenantRequestEditableFields(id, {
|
||||||
|
instanceName: input.instanceName,
|
||||||
|
agentName: input.agentName,
|
||||||
|
soulMd: input.soulMd,
|
||||||
|
agentsMd: input.agentsMd,
|
||||||
|
packages: input.packages ?? [],
|
||||||
|
billingAddress: isFirstInstance ? input.billingAddress : undefined,
|
||||||
|
billingNotes: input.billingNotes,
|
||||||
|
encryptedSecrets,
|
||||||
|
});
|
||||||
|
if (!updated) {
|
||||||
|
return NextResponse.json({ error: "Not found" }, { status: 404 });
|
||||||
|
}
|
||||||
|
return NextResponse.json({ message: "Request updated.", id });
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error("Failed to edit request:", e);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: safeError(e, "Failed to edit request") },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -24,15 +24,33 @@ import { z } from "zod";
|
|||||||
* Helper: shape a TenantRequest row for client consumption.
|
* Helper: shape a TenantRequest row for client consumption.
|
||||||
* Hides server-only fields (encryptedSecrets, internal db ids).
|
* Hides server-only fields (encryptedSecrets, internal db ids).
|
||||||
*/
|
*/
|
||||||
|
/**
|
||||||
|
* Helper: shape a TenantRequest row for client consumption.
|
||||||
|
* Hides server-only fields (encryptedSecrets, internal db ids).
|
||||||
|
*
|
||||||
|
* Slice 7 / Bug 6: surfaces enough fields for the customer-side edit
|
||||||
|
* flow to pre-fill the wizard. soulMd, agentsMd, billingAddress,
|
||||||
|
* billingNotes were previously kept off the public shape because the
|
||||||
|
* pre-Slice-3 dashboard didn't render them. Edit needs them.
|
||||||
|
*
|
||||||
|
* Bug 13: surfaces dismissedAt so the dashboard can distinguish
|
||||||
|
* "freshly rejected, show prominently" from "rejected and acknowledged,
|
||||||
|
* keep hidden" without an extra API call.
|
||||||
|
*/
|
||||||
function publicRequestShape(r: TenantRequest) {
|
function publicRequestShape(r: TenantRequest) {
|
||||||
return {
|
return {
|
||||||
id: r.id,
|
id: r.id,
|
||||||
instanceName: r.instanceName,
|
instanceName: r.instanceName,
|
||||||
agentName: r.agentName,
|
agentName: r.agentName,
|
||||||
|
soulMd: r.soulMd,
|
||||||
|
agentsMd: r.agentsMd,
|
||||||
packages: r.packages,
|
packages: r.packages,
|
||||||
|
billingAddress: r.billingAddress,
|
||||||
|
billingNotes: r.billingNotes,
|
||||||
status: r.status,
|
status: r.status,
|
||||||
adminNotes: r.adminNotes,
|
adminNotes: r.adminNotes,
|
||||||
tenantName: r.tenantName,
|
tenantName: r.tenantName,
|
||||||
|
dismissedAt: r.dismissedAt ?? null,
|
||||||
createdAt: r.createdAt,
|
createdAt: r.createdAt,
|
||||||
updatedAt: r.updatedAt,
|
updatedAt: r.updatedAt,
|
||||||
};
|
};
|
||||||
|
|||||||
106
src/app/api/tenants/[name]/suspend/route.ts
Normal file
106
src/app/api/tenants/[name]/suspend/route.ts
Normal file
@@ -0,0 +1,106 @@
|
|||||||
|
import { NextRequest, NextResponse } from "next/server";
|
||||||
|
import { z } from "zod";
|
||||||
|
import { getSessionUser, canMutate } from "@/lib/session";
|
||||||
|
import { getTenant, patchTenantSpec } from "@/lib/k8s";
|
||||||
|
import { canUserSeeTenant } from "@/lib/visibility";
|
||||||
|
import { safeError } from "@/lib/errors";
|
||||||
|
|
||||||
|
const patchSchema = z.object({
|
||||||
|
suspend: z.boolean(),
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PATCH /api/tenants/[name]/suspend
|
||||||
|
*
|
||||||
|
* Customer-side "Cancel subscription" / "Resume" toggle (Bug 31).
|
||||||
|
*
|
||||||
|
* Sets `spec.suspend` on the PiecedTenant CR. The operator interprets
|
||||||
|
* this flag as "stop reconciling this tenant" — workloads, packages,
|
||||||
|
* and channel-user changes are no longer applied. Existing data is
|
||||||
|
* preserved (namespace, ConfigMaps, OpenBao secrets, CNPG database,
|
||||||
|
* billing records). Resuming sets the flag back to false and the
|
||||||
|
* operator picks up reconciliation on the next loop.
|
||||||
|
*
|
||||||
|
* Authorization
|
||||||
|
* -------------
|
||||||
|
* - Customer-side: only an `owner` of the tenant's org may call this.
|
||||||
|
* `canMutate` is the right gate (mirrors the rest of the customer
|
||||||
|
* API surface). User-role members cannot cancel a subscription.
|
||||||
|
* - Platform staff: allowed via `canMutate`'s isPlatform branch, but
|
||||||
|
* in practice they should use admin tooling for this — the action
|
||||||
|
* is exposed here for the customer's benefit.
|
||||||
|
*
|
||||||
|
* Visibility check is via `canUserSeeTenant` — same notFound() trick
|
||||||
|
* as the detail page, so we don't leak existence of tenants the
|
||||||
|
* caller can't see.
|
||||||
|
*
|
||||||
|
* Note on workload teardown
|
||||||
|
* -------------------------
|
||||||
|
* As of this writing, the operator's `suspend` handling is "skip
|
||||||
|
* reconciliation and set status.phase to Suspended". The underlying
|
||||||
|
* StatefulSet keeps running until next reconciliation, which won't
|
||||||
|
* happen while suspended. Group D will add scale-to-zero so cancelled
|
||||||
|
* subscriptions actually stop incurring compute. Until then, an
|
||||||
|
* operator following up with a `kubectl scale` is the workaround.
|
||||||
|
* Customer data is preserved either way.
|
||||||
|
*/
|
||||||
|
export async function PATCH(
|
||||||
|
req: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ name: string }> }
|
||||||
|
) {
|
||||||
|
const user = await getSessionUser();
|
||||||
|
if (!user) {
|
||||||
|
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
|
||||||
|
}
|
||||||
|
if (!canMutate(user)) {
|
||||||
|
return NextResponse.json({ error: "Forbidden" }, { status: 403 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { name } = await params;
|
||||||
|
const tenant = await getTenant(name);
|
||||||
|
if (!tenant) {
|
||||||
|
return NextResponse.json({ error: "Not found" }, { status: 404 });
|
||||||
|
}
|
||||||
|
// Identical pattern to the detail page — don't leak existence.
|
||||||
|
if (!(await canUserSeeTenant(user, tenant))) {
|
||||||
|
return NextResponse.json({ error: "Not found" }, { status: 404 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await req.json().catch(() => null);
|
||||||
|
const parsed = patchSchema.safeParse(body);
|
||||||
|
if (!parsed.success) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: "Invalid input", details: parsed.error.flatten() },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
const { suspend } = parsed.data;
|
||||||
|
|
||||||
|
// No-op early exit. Avoids a needless K8s patch + status churn when
|
||||||
|
// the user double-clicks the button or the UI is briefly out of sync.
|
||||||
|
if (Boolean(tenant.spec.suspend) === suspend) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ message: "No change.", suspend },
|
||||||
|
{ status: 200 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await patchTenantSpec(name, { suspend });
|
||||||
|
return NextResponse.json(
|
||||||
|
{
|
||||||
|
message: suspend
|
||||||
|
? "Subscription cancelled. Your data is preserved."
|
||||||
|
: "Subscription resumed.",
|
||||||
|
suspend,
|
||||||
|
},
|
||||||
|
{ status: 200 }
|
||||||
|
);
|
||||||
|
} catch (e: any) {
|
||||||
|
console.error("Suspend toggle failed:", e);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: safeError(e, "Failed to update subscription") },
|
||||||
|
{ status: e.statusCode || 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -199,7 +199,22 @@ export function AdminPanel({ initialTenants }: AdminPanelProps) {
|
|||||||
throw new Error(data.error || "Delete failed");
|
throw new Error(data.error || "Delete failed");
|
||||||
}
|
}
|
||||||
setDeleteModal(null);
|
setDeleteModal(null);
|
||||||
await fetchTenants();
|
// Bug 32: K8s deletion is asynchronous — the resource enters a
|
||||||
|
// Terminating phase with a deletionTimestamp set, finalizers run,
|
||||||
|
// then the resource is fully removed. fetchTenants() right
|
||||||
|
// after the API call would race the K8s store and often still
|
||||||
|
// include the just-deleted row. Two complementary fixes:
|
||||||
|
// 1. Optimistically drop the row from local state so the UI
|
||||||
|
// reflects the user's intent immediately.
|
||||||
|
// 2. Schedule a delayed refetch (1.5s) to pick up any side
|
||||||
|
// effects (cascaded request rows, freshly-released names).
|
||||||
|
// The immediate fetchTenants() is kept as a "best chance" — if
|
||||||
|
// K8s does report the deletion synchronously (rare), we get the
|
||||||
|
// freshest data. If it doesn't, the optimistic update has us
|
||||||
|
// covered until the delayed refetch lands.
|
||||||
|
setTenants((prev) => prev.filter((t) => t.metadata.name !== name));
|
||||||
|
fetchTenants();
|
||||||
|
setTimeout(() => fetchTenants(), 1500);
|
||||||
} catch (e: any) {
|
} catch (e: any) {
|
||||||
setError(e.message);
|
setError(e.message);
|
||||||
} finally {
|
} finally {
|
||||||
|
|||||||
@@ -13,8 +13,13 @@ function NavBar() {
|
|||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
const user = (session as any)?.platformUser;
|
const user = (session as any)?.platformUser;
|
||||||
|
|
||||||
const isLogin = pathname === "/login";
|
// Hide the nav entirely on auth-only routes. These pages have no
|
||||||
if (isLogin) return null;
|
// session yet — showing "Dashboard" / "Sign Out" is misleading at
|
||||||
|
// best (the buttons would 401 or redirect-loop). Keep this list
|
||||||
|
// narrow and route-exact: anything else we add to the auth flow
|
||||||
|
// (e.g. password reset) needs to be added here too.
|
||||||
|
const isAuthRoute = pathname === "/login" || pathname === "/register";
|
||||||
|
if (isAuthRoute) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<header className="sticky top-0 z-50 border-b border-border bg-surface-1/80 backdrop-blur-md">
|
<header className="sticky top-0 z-50 border-b border-border bg-surface-1/80 backdrop-blur-md">
|
||||||
|
|||||||
@@ -12,6 +12,14 @@ interface OnboardingFlowProps {
|
|||||||
*/
|
*/
|
||||||
userName?: string;
|
userName?: string;
|
||||||
userEmail?: string;
|
userEmail?: string;
|
||||||
|
/**
|
||||||
|
* Bug 6: when present, the wizard is rendered in edit mode against
|
||||||
|
* the given pending request. See `OnboardingWizard` for the full
|
||||||
|
* shape and behavioural contract.
|
||||||
|
*/
|
||||||
|
editingRequest?: React.ComponentProps<
|
||||||
|
typeof OnboardingWizard
|
||||||
|
>["editingRequest"];
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -29,6 +37,7 @@ export function OnboardingFlow({
|
|||||||
orgName,
|
orgName,
|
||||||
userName,
|
userName,
|
||||||
userEmail,
|
userEmail,
|
||||||
|
editingRequest,
|
||||||
}: OnboardingFlowProps) {
|
}: OnboardingFlowProps) {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
@@ -37,6 +46,7 @@ export function OnboardingFlow({
|
|||||||
orgName={orgName}
|
orgName={orgName}
|
||||||
userName={userName}
|
userName={userName}
|
||||||
userEmail={userEmail}
|
userEmail={userEmail}
|
||||||
|
editingRequest={editingRequest}
|
||||||
onComplete={() => {
|
onComplete={() => {
|
||||||
// Navigate back to /dashboard and re-fetch on the server. The
|
// Navigate back to /dashboard and re-fetch on the server. The
|
||||||
// parent server component will see the new `pending` row and
|
// parent server component will see the new `pending` row and
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useState, useEffect, useCallback } from "react";
|
import { useState, useEffect, useCallback } from "react";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { useRouter } from "next/navigation";
|
||||||
import { useTranslations, useFormatter } from "next-intl";
|
import { useTranslations, useFormatter } from "next-intl";
|
||||||
import { Card } from "@/components/ui/card";
|
import { Card } from "@/components/ui/card";
|
||||||
import { StatusBadge } from "@/components/ui/status-badge";
|
import { StatusBadge } from "@/components/ui/status-badge";
|
||||||
@@ -14,6 +16,7 @@ interface RequestSummary {
|
|||||||
status: string;
|
status: string;
|
||||||
adminNotes?: string;
|
adminNotes?: string;
|
||||||
tenantName?: string;
|
tenantName?: string;
|
||||||
|
dismissedAt?: string | null;
|
||||||
createdAt?: string;
|
createdAt?: string;
|
||||||
updatedAt?: string;
|
updatedAt?: string;
|
||||||
}
|
}
|
||||||
@@ -36,21 +39,42 @@ interface SingleRequestState {
|
|||||||
tenant: TenantSummary | null;
|
tenant: TenantSummary | null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
requestId: string;
|
||||||
|
/**
|
||||||
|
* Whether the viewer can act on this request — cancel a pending one,
|
||||||
|
* dismiss a rejected one, etc. True for owner + platform; false for
|
||||||
|
* `user`-role customers (who shouldn't see in-flight requests at all,
|
||||||
|
* but defence in depth — `canSeeInflightRequests` already gates the
|
||||||
|
* dashboard side).
|
||||||
|
*/
|
||||||
|
canAct: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* ProvisioningStatus
|
* ProvisioningStatus
|
||||||
*
|
*
|
||||||
* Polls /api/onboarding?id=<requestId> every 5s until the request reaches
|
* Polls /api/onboarding?id=<requestId> every 5s until the request reaches
|
||||||
* a terminal state. Slice 3: takes a `requestId` prop so multiple of these
|
* a terminal state. Slice 3: takes a `requestId` prop so multiple of
|
||||||
* can render on the same dashboard for different in-flight requests.
|
* these can render on the same dashboard for different in-flight
|
||||||
|
* requests.
|
||||||
*
|
*
|
||||||
* The pre-Slice-3 version polled /api/onboarding with no params and
|
* Slice 7 / Bug 6 + 13:
|
||||||
* assumed one-request-per-org — that endpoint shape is gone now.
|
* - pending → cancel + edit buttons
|
||||||
|
* - rejected → admin notes block + dismiss button
|
||||||
|
* - cancelled → small acknowledgement card + dismiss button
|
||||||
|
* - terminal Ready/Active states unchanged
|
||||||
*/
|
*/
|
||||||
export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
export function ProvisioningStatus({ requestId, canAct }: Props) {
|
||||||
const t = useTranslations("onboarding");
|
const t = useTranslations("onboarding");
|
||||||
|
const tCommon = useTranslations("common");
|
||||||
const f = useFormatter();
|
const f = useFormatter();
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
const [data, setData] = useState<SingleRequestState | null>(null);
|
const [data, setData] = useState<SingleRequestState | null>(null);
|
||||||
const [error, setError] = useState("");
|
const [error, setError] = useState("");
|
||||||
|
const [actionPending, setActionPending] = useState(false);
|
||||||
|
const [confirmCancel, setConfirmCancel] = useState(false);
|
||||||
|
|
||||||
const poll = useCallback(async () => {
|
const poll = useCallback(async () => {
|
||||||
try {
|
try {
|
||||||
@@ -67,11 +91,11 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
poll();
|
poll();
|
||||||
|
|
||||||
const status = data?.request?.status;
|
const status = data?.request?.status;
|
||||||
const phase = data?.tenant?.phase;
|
const phase = data?.tenant?.phase;
|
||||||
const terminal =
|
const terminal =
|
||||||
status === "rejected" ||
|
status === "rejected" ||
|
||||||
|
status === "cancelled" ||
|
||||||
status === "active" ||
|
status === "active" ||
|
||||||
phase === "Ready" ||
|
phase === "Ready" ||
|
||||||
phase === "Running";
|
phase === "Running";
|
||||||
@@ -82,7 +106,54 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
return () => clearInterval(interval);
|
return () => clearInterval(interval);
|
||||||
}, [poll, data?.request?.status, data?.tenant?.phase]);
|
}, [poll, data?.request?.status, data?.tenant?.phase]);
|
||||||
|
|
||||||
if (error) {
|
const handleCancel = async () => {
|
||||||
|
setActionPending(true);
|
||||||
|
setError("");
|
||||||
|
try {
|
||||||
|
const res = await fetch(
|
||||||
|
`/api/onboarding/${encodeURIComponent(requestId)}`,
|
||||||
|
{ method: "DELETE" }
|
||||||
|
);
|
||||||
|
if (!res.ok) {
|
||||||
|
const body = await res.json().catch(() => ({}));
|
||||||
|
throw new Error(body.error || t("cancelFailed"));
|
||||||
|
}
|
||||||
|
setConfirmCancel(false);
|
||||||
|
// Re-poll so the card transitions to "cancelled" state without a
|
||||||
|
// full route refresh — the dashboard's surrounding tenant cards
|
||||||
|
// are unaffected.
|
||||||
|
await poll();
|
||||||
|
router.refresh();
|
||||||
|
} catch (err: any) {
|
||||||
|
setError(err.message);
|
||||||
|
} finally {
|
||||||
|
setActionPending(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDismiss = async () => {
|
||||||
|
setActionPending(true);
|
||||||
|
setError("");
|
||||||
|
try {
|
||||||
|
const res = await fetch(
|
||||||
|
`/api/onboarding/${encodeURIComponent(requestId)}/dismiss`,
|
||||||
|
{ method: "POST" }
|
||||||
|
);
|
||||||
|
if (!res.ok) {
|
||||||
|
const body = await res.json().catch(() => ({}));
|
||||||
|
throw new Error(body.error || t("dismissFailed"));
|
||||||
|
}
|
||||||
|
// Server-rendered list query (`listActiveTenantRequestsByOrgId`)
|
||||||
|
// filters out dismissed rows — refresh to drop this card.
|
||||||
|
router.refresh();
|
||||||
|
} catch (err: any) {
|
||||||
|
setError(err.message);
|
||||||
|
} finally {
|
||||||
|
setActionPending(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (error && !data) {
|
||||||
return (
|
return (
|
||||||
<Card>
|
<Card>
|
||||||
<div className="text-xs text-red-400">{error}</div>
|
<div className="text-xs text-red-400">{error}</div>
|
||||||
@@ -107,7 +178,7 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
data.request.tenantName ||
|
data.request.tenantName ||
|
||||||
data.request.agentName;
|
data.request.agentName;
|
||||||
|
|
||||||
// Pending admin approval
|
// ─── Pending: awaiting admin approval ───────────────────────────────
|
||||||
if (status === "pending") {
|
if (status === "pending") {
|
||||||
return (
|
return (
|
||||||
<Card className="animate-in">
|
<Card className="animate-in">
|
||||||
@@ -131,7 +202,9 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
{t("pendingTitle")}
|
{t("pendingTitle")}
|
||||||
</h2>
|
</h2>
|
||||||
{label && (
|
{label && (
|
||||||
<p className="text-xs font-mono text-text-secondary mb-2">{label}</p>
|
<p className="text-xs font-mono text-text-secondary mb-2">
|
||||||
|
{label}
|
||||||
|
</p>
|
||||||
)}
|
)}
|
||||||
<p className="text-sm text-text-secondary max-w-sm mx-auto">
|
<p className="text-sm text-text-secondary max-w-sm mx-auto">
|
||||||
{t("pendingDescription")}
|
{t("pendingDescription")}
|
||||||
@@ -150,12 +223,76 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Bug 6 — owner-only edit + cancel actions while still
|
||||||
|
pending. Once admin acts, both buttons disappear (the
|
||||||
|
status branch changes). */}
|
||||||
|
{canAct && (
|
||||||
|
<div className="flex justify-center gap-2 mt-5">
|
||||||
|
<Link
|
||||||
|
href={`/dashboard/edit/${encodeURIComponent(requestId)}`}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary hover:border-text-secondary transition-colors"
|
||||||
|
>
|
||||||
|
{t("editRequest")}
|
||||||
|
</Link>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => setConfirmCancel(true)}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-red-500/30 text-red-400 hover:bg-red-500/10 transition-colors"
|
||||||
|
>
|
||||||
|
{t("cancelRequest")}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
)}
|
||||||
|
{error && (
|
||||||
|
<p className="text-xs text-red-400 mt-3">{error}</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{confirmCancel && (
|
||||||
|
<div
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm"
|
||||||
|
onClick={(e) => {
|
||||||
|
if (e.target === e.currentTarget) setConfirmCancel(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="bg-surface-1 border border-border rounded-xl p-6 max-w-md w-full">
|
||||||
|
<h3 className="font-display text-lg font-semibold text-text-primary mb-2">
|
||||||
|
{t("cancelConfirmRequestTitle")}
|
||||||
|
</h3>
|
||||||
|
<p className="text-sm text-text-secondary mb-5">
|
||||||
|
{t("cancelConfirmRequestDescription")}
|
||||||
|
</p>
|
||||||
|
<div className="flex justify-end gap-2">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => setConfirmCancel(false)}
|
||||||
|
disabled={actionPending}
|
||||||
|
className="text-sm px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary transition-colors"
|
||||||
|
>
|
||||||
|
{tCommon("cancel")}
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={handleCancel}
|
||||||
|
disabled={actionPending}
|
||||||
|
className="text-sm px-4 py-2 rounded-lg bg-red-500 text-white hover:bg-red-600 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
{actionPending
|
||||||
|
? tCommon("loading")
|
||||||
|
: t("cancelRequestConfirm")}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</Card>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Rejected
|
// ─── Rejected: admin declined ───────────────────────────────────────
|
||||||
if (status === "rejected") {
|
if (status === "rejected") {
|
||||||
return (
|
return (
|
||||||
<Card className="animate-in">
|
<Card className="animate-in">
|
||||||
@@ -179,22 +316,94 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
{t("rejectedTitle")}
|
{t("rejectedTitle")}
|
||||||
</h2>
|
</h2>
|
||||||
{label && (
|
{label && (
|
||||||
<p className="text-xs font-mono text-text-secondary mb-2">{label}</p>
|
<p className="text-xs font-mono text-text-secondary mb-2">
|
||||||
|
{label}
|
||||||
|
</p>
|
||||||
)}
|
)}
|
||||||
<p className="text-sm text-text-secondary max-w-sm mx-auto">
|
<p className="text-sm text-text-secondary max-w-sm mx-auto">
|
||||||
{t("rejectedDescription")}
|
{t("rejectedDescription")}
|
||||||
</p>
|
</p>
|
||||||
{data.request.adminNotes && (
|
{data.request.adminNotes && (
|
||||||
<p className="text-xs text-text-muted mt-3 bg-surface-2 border border-border rounded-lg p-3 max-w-sm mx-auto">
|
<div className="text-left text-xs text-text-secondary mt-4 bg-surface-2 border border-border rounded-lg p-3 max-w-sm mx-auto">
|
||||||
|
<div className="font-semibold uppercase tracking-wider text-text-muted text-[10px] mb-1.5">
|
||||||
|
{t("rejectionReason")}
|
||||||
|
</div>
|
||||||
|
<div className="whitespace-pre-wrap">
|
||||||
{data.request.adminNotes}
|
{data.request.adminNotes}
|
||||||
</p>
|
</div>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
|
{/* Bug 13: dismiss removes this card from the dashboard but
|
||||||
|
keeps the row in the DB for audit. The customer can also
|
||||||
|
just resubmit via the wizard — both paths are valid. */}
|
||||||
|
{canAct && (
|
||||||
|
<div className="flex justify-center mt-5">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={handleDismiss}
|
||||||
|
disabled={actionPending}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary hover:border-text-secondary transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
{actionPending ? tCommon("loading") : t("dismiss")}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{error && <p className="text-xs text-red-400 mt-3">{error}</p>}
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Provisioning in progress (status approved/provisioning, optionally with tenant phase < Ready)
|
// ─── Cancelled: customer cancelled before admin acted (Bug 6) ──────
|
||||||
|
if (status === "cancelled") {
|
||||||
|
return (
|
||||||
|
<Card className="animate-in">
|
||||||
|
<div className="text-center py-6">
|
||||||
|
<div className="h-14 w-14 rounded-xl bg-text-muted/15 flex items-center justify-center mx-auto mb-4">
|
||||||
|
<svg
|
||||||
|
className="h-7 w-7 text-text-muted"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeWidth={1.5}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h2 className="font-display text-lg font-semibold text-text-primary mb-2">
|
||||||
|
{t("cancelledTitle")}
|
||||||
|
</h2>
|
||||||
|
{label && (
|
||||||
|
<p className="text-xs font-mono text-text-secondary mb-2">
|
||||||
|
{label}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
<p className="text-sm text-text-secondary max-w-sm mx-auto">
|
||||||
|
{t("cancelledDescription")}
|
||||||
|
</p>
|
||||||
|
{canAct && (
|
||||||
|
<div className="flex justify-center mt-5">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={handleDismiss}
|
||||||
|
disabled={actionPending}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary hover:border-text-secondary transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
{actionPending ? tCommon("loading") : t("dismiss")}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{error && <p className="text-xs text-red-400 mt-3">{error}</p>}
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Provisioning: approved, operator working ──────────────────────
|
||||||
if (
|
if (
|
||||||
status === "approved" ||
|
status === "approved" ||
|
||||||
status === "provisioning" ||
|
status === "provisioning" ||
|
||||||
@@ -213,7 +422,9 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
{t("provisioningTitle")}
|
{t("provisioningTitle")}
|
||||||
</h2>
|
</h2>
|
||||||
{label && (
|
{label && (
|
||||||
<p className="text-xs font-mono text-text-secondary mb-2">{label}</p>
|
<p className="text-xs font-mono text-text-secondary mb-2">
|
||||||
|
{label}
|
||||||
|
</p>
|
||||||
)}
|
)}
|
||||||
<p className="text-sm text-text-secondary">
|
<p className="text-sm text-text-secondary">
|
||||||
{t("provisioningDescription")}
|
{t("provisioningDescription")}
|
||||||
@@ -249,7 +460,7 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Active / Ready
|
// ─── Active / Ready ─────────────────────────────────────────────────
|
||||||
if (status === "active") {
|
if (status === "active") {
|
||||||
return (
|
return (
|
||||||
<Card className="animate-in">
|
<Card className="animate-in">
|
||||||
@@ -273,7 +484,9 @@ export function ProvisioningStatus({ requestId }: { requestId: string }) {
|
|||||||
{t("readyTitle")}
|
{t("readyTitle")}
|
||||||
</h2>
|
</h2>
|
||||||
{label && (
|
{label && (
|
||||||
<p className="text-xs font-mono text-text-secondary mb-2">{label}</p>
|
<p className="text-xs font-mono text-text-secondary mb-2">
|
||||||
|
{label}
|
||||||
|
</p>
|
||||||
)}
|
)}
|
||||||
<p className="text-sm text-text-secondary max-w-sm mx-auto mb-4">
|
<p className="text-sm text-text-secondary max-w-sm mx-auto mb-4">
|
||||||
{t("readyDescription")}
|
{t("readyDescription")}
|
||||||
|
|||||||
@@ -64,6 +64,35 @@ interface WizardProps {
|
|||||||
*/
|
*/
|
||||||
userName?: string;
|
userName?: string;
|
||||||
userEmail?: string;
|
userEmail?: string;
|
||||||
|
/**
|
||||||
|
* Bug 6: when present, the wizard renders in "edit" mode — fields
|
||||||
|
* are pre-populated from the request, the SOUL.md auto-fetch is
|
||||||
|
* skipped (we trust the existing values), and the submit button
|
||||||
|
* PATCHes /api/onboarding/[id] instead of POSTing /api/onboarding.
|
||||||
|
*
|
||||||
|
* Per-package secrets are deliberately NOT pre-filled, even if the
|
||||||
|
* customer originally supplied them — server-side decryption to
|
||||||
|
* the client would be a security regression. The user re-enters
|
||||||
|
* any secrets they want to change; if they leave them blank, the
|
||||||
|
* existing encrypted blob in the DB is preserved by the PATCH
|
||||||
|
* endpoint.
|
||||||
|
*/
|
||||||
|
editingRequest?: {
|
||||||
|
id: string;
|
||||||
|
instanceName: string;
|
||||||
|
agentName: string;
|
||||||
|
soulMd: string;
|
||||||
|
agentsMd: string;
|
||||||
|
packages: string[];
|
||||||
|
billingAddress: {
|
||||||
|
company?: string;
|
||||||
|
street?: string;
|
||||||
|
city?: string;
|
||||||
|
postalCode?: string;
|
||||||
|
country?: string;
|
||||||
|
};
|
||||||
|
billingNotes: string;
|
||||||
|
};
|
||||||
onComplete: () => void;
|
onComplete: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -71,6 +100,7 @@ export function OnboardingWizard({
|
|||||||
orgName,
|
orgName,
|
||||||
userName,
|
userName,
|
||||||
userEmail,
|
userEmail,
|
||||||
|
editingRequest,
|
||||||
onComplete,
|
onComplete,
|
||||||
}: WizardProps) {
|
}: WizardProps) {
|
||||||
const t = useTranslations("onboarding");
|
const t = useTranslations("onboarding");
|
||||||
@@ -91,14 +121,38 @@ export function OnboardingWizard({
|
|||||||
orgName,
|
orgName,
|
||||||
isPersonal,
|
isPersonal,
|
||||||
});
|
});
|
||||||
|
const isEditing = Boolean(editingRequest);
|
||||||
|
|
||||||
const [step, setStep] = useState<Step>("welcome");
|
// Edit mode jumps straight to the configure step — the welcome step
|
||||||
|
// is a first-time onboarding affordance and only adds friction when
|
||||||
|
// the customer is fixing a typo.
|
||||||
|
const [step, setStep] = useState<Step>(isEditing ? "configure" : "welcome");
|
||||||
const [submitting, setSubmitting] = useState(false);
|
const [submitting, setSubmitting] = useState(false);
|
||||||
const [error, setError] = useState("");
|
const [error, setError] = useState("");
|
||||||
const [advancedOpen, setAdvancedOpen] = useState(false);
|
const [advancedOpen, setAdvancedOpen] = useState(false);
|
||||||
const [defaultsLoaded, setDefaultsLoaded] = useState(false);
|
// In edit mode we already have soulMd/agentsMd from the request;
|
||||||
|
// skip the workspace-defaults round trip that would overwrite them.
|
||||||
|
const [defaultsLoaded, setDefaultsLoaded] = useState(isEditing);
|
||||||
|
|
||||||
const [config, setConfig] = useState({
|
const [config, setConfig] = useState(() => {
|
||||||
|
if (editingRequest) {
|
||||||
|
return {
|
||||||
|
instanceName: editingRequest.instanceName,
|
||||||
|
agentName: editingRequest.agentName,
|
||||||
|
soulMd: editingRequest.soulMd,
|
||||||
|
agentsMd: editingRequest.agentsMd,
|
||||||
|
packages: editingRequest.packages,
|
||||||
|
billingAddress: {
|
||||||
|
company: editingRequest.billingAddress.company ?? "",
|
||||||
|
street: editingRequest.billingAddress.street ?? "",
|
||||||
|
city: editingRequest.billingAddress.city ?? "",
|
||||||
|
postalCode: editingRequest.billingAddress.postalCode ?? "",
|
||||||
|
country: editingRequest.billingAddress.country ?? "CH",
|
||||||
|
},
|
||||||
|
billingNotes: editingRequest.billingNotes,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
instanceName: "",
|
instanceName: "",
|
||||||
agentName: "Assistant",
|
agentName: "Assistant",
|
||||||
soulMd: FALLBACK_SOUL.replace("{company}", displayOrgName),
|
soulMd: FALLBACK_SOUL.replace("{company}", displayOrgName),
|
||||||
@@ -115,6 +169,7 @@ export function OnboardingWizard({
|
|||||||
country: "CH",
|
country: "CH",
|
||||||
},
|
},
|
||||||
billingNotes: "",
|
billingNotes: "",
|
||||||
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
// TOOLS.md preview — readonly, auto-generated
|
// TOOLS.md preview — readonly, auto-generated
|
||||||
@@ -308,8 +363,17 @@ export function OnboardingWizard({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const res = await fetch("/api/onboarding", {
|
// Bug 6: edit mode targets the per-row endpoint with PATCH;
|
||||||
method: "POST",
|
// create mode targets the collection endpoint with POST. Body
|
||||||
|
// shape is the same — both routes parse it through
|
||||||
|
// onboardingSchema.
|
||||||
|
const url = editingRequest
|
||||||
|
? `/api/onboarding/${encodeURIComponent(editingRequest.id)}`
|
||||||
|
: "/api/onboarding";
|
||||||
|
const method = editingRequest ? "PATCH" : "POST";
|
||||||
|
|
||||||
|
const res = await fetch(url, {
|
||||||
|
method,
|
||||||
headers: { "Content-Type": "application/json" },
|
headers: { "Content-Type": "application/json" },
|
||||||
body: JSON.stringify({
|
body: JSON.stringify({
|
||||||
...config,
|
...config,
|
||||||
@@ -1017,7 +1081,11 @@ export function OnboardingWizard({
|
|||||||
disabled={submitting}
|
disabled={submitting}
|
||||||
className="py-2.5 px-6 bg-accent text-white text-sm font-medium rounded-lg hover:bg-accent-dim transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
className="py-2.5 px-6 bg-accent text-white text-sm font-medium rounded-lg hover:bg-accent-dim transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
|
||||||
>
|
>
|
||||||
{submitting ? tCommon("loading") : t("submitRequest")}
|
{submitting
|
||||||
|
? tCommon("loading")
|
||||||
|
: isEditing
|
||||||
|
? t("saveChanges")
|
||||||
|
: t("submitRequest")}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
157
src/components/tenants/subscription-toggle.tsx
Normal file
157
src/components/tenants/subscription-toggle.tsx
Normal file
@@ -0,0 +1,157 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
|
import { useRouter } from "next/navigation";
|
||||||
|
import { useTranslations } from "next-intl";
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
tenantName: string;
|
||||||
|
/**
|
||||||
|
* Current suspend state — server-derived. The control toggles this
|
||||||
|
* via PATCH /api/tenants/[name]/suspend, then refreshes the route
|
||||||
|
* so server-component-side data (status badge, suspended notice)
|
||||||
|
* re-renders.
|
||||||
|
*/
|
||||||
|
suspended: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* SubscriptionToggle — owner-side cancel/resume control (Bug 31).
|
||||||
|
*
|
||||||
|
* Renders a single button that toggles between "Cancel subscription"
|
||||||
|
* (when active) and "Resume subscription" (when suspended). Cancellation
|
||||||
|
* is gated behind a confirmation modal because it's destructive
|
||||||
|
* looking from the user's POV — even though no data is lost, the
|
||||||
|
* AI assistant becomes unavailable until they resume. Resume has no
|
||||||
|
* modal; it's a strict subset of cancellation in terms of risk.
|
||||||
|
*
|
||||||
|
* The control intentionally lives at the bottom of the tenant detail
|
||||||
|
* page rather than next to the status badge — putting it near the
|
||||||
|
* top would invite mis-clicks. Customers who want to cancel scroll
|
||||||
|
* past the running configuration, billing-relevant info, and assigned
|
||||||
|
* users first; that's the right friction level.
|
||||||
|
*
|
||||||
|
* Suspended tenants render a top-of-page banner separately (see the
|
||||||
|
* detail page); this component focuses on the action itself.
|
||||||
|
*/
|
||||||
|
export function SubscriptionToggle({ tenantName, suspended }: Props) {
|
||||||
|
const t = useTranslations("tenantDetail");
|
||||||
|
const tCommon = useTranslations("common");
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
const [confirmOpen, setConfirmOpen] = useState(false);
|
||||||
|
const [submitting, setSubmitting] = useState(false);
|
||||||
|
const [error, setError] = useState("");
|
||||||
|
|
||||||
|
const toggleSuspend = async (next: boolean) => {
|
||||||
|
setSubmitting(true);
|
||||||
|
setError("");
|
||||||
|
try {
|
||||||
|
const res = await fetch(
|
||||||
|
`/api/tenants/${encodeURIComponent(tenantName)}/suspend`,
|
||||||
|
{
|
||||||
|
method: "PATCH",
|
||||||
|
headers: { "Content-Type": "application/json" },
|
||||||
|
body: JSON.stringify({ suspend: next }),
|
||||||
|
}
|
||||||
|
);
|
||||||
|
if (!res.ok) {
|
||||||
|
const data = await res.json().catch(() => ({}));
|
||||||
|
throw new Error(data.error || t("subscriptionUpdateFailed"));
|
||||||
|
}
|
||||||
|
setConfirmOpen(false);
|
||||||
|
// The status badge + suspended banner are server-rendered, so
|
||||||
|
// a route refresh is the simplest way to reflect the new state.
|
||||||
|
// Optimistic local toggle would diverge from the actual CR if
|
||||||
|
// the operator hasn't observed the patch yet.
|
||||||
|
router.refresh();
|
||||||
|
} catch (e: any) {
|
||||||
|
setError(e.message);
|
||||||
|
} finally {
|
||||||
|
setSubmitting(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (suspended) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => toggleSuspend(false)}
|
||||||
|
disabled={submitting}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-success/30 text-success hover:bg-success/10 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
{submitting ? tCommon("loading") : t("resumeSubscription")}
|
||||||
|
</button>
|
||||||
|
{error && <p className="text-xs text-red-400 mt-2">{error}</p>}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => setConfirmOpen(true)}
|
||||||
|
className="text-sm font-medium px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary hover:border-text-secondary transition-colors"
|
||||||
|
>
|
||||||
|
{t("cancelSubscription")}
|
||||||
|
</button>
|
||||||
|
{error && !confirmOpen && (
|
||||||
|
<p className="text-xs text-red-400 mt-2">{error}</p>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{confirmOpen && (
|
||||||
|
<div
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm"
|
||||||
|
onClick={(e) => {
|
||||||
|
if (e.target === e.currentTarget) setConfirmOpen(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="bg-surface-1 border border-border rounded-xl p-6 max-w-md w-full">
|
||||||
|
<h3 className="font-display text-lg font-semibold text-text-primary mb-2">
|
||||||
|
{t("cancelConfirmTitle")}
|
||||||
|
</h3>
|
||||||
|
<p className="text-sm text-text-secondary mb-3">
|
||||||
|
{t("cancelConfirmDescription")}
|
||||||
|
</p>
|
||||||
|
<ul className="text-xs text-text-muted list-disc list-inside space-y-1 mb-5">
|
||||||
|
<li>{t("cancelConfirmBullet1")}</li>
|
||||||
|
<li>{t("cancelConfirmBullet2")}</li>
|
||||||
|
<li>{t("cancelConfirmBullet3")}</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
{error && (
|
||||||
|
<div className="text-xs text-red-400 bg-red-400/10 border border-red-400/20 rounded-lg px-3 py-2 mb-3">
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="flex justify-end gap-2">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => setConfirmOpen(false)}
|
||||||
|
disabled={submitting}
|
||||||
|
className="text-sm px-4 py-2 rounded-lg border border-border text-text-secondary hover:text-text-primary transition-colors"
|
||||||
|
>
|
||||||
|
{tCommon("cancel")}
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => toggleSuspend(true)}
|
||||||
|
disabled={submitting}
|
||||||
|
className="text-sm px-4 py-2 rounded-lg bg-amber-500 text-white hover:bg-amber-600 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
{submitting
|
||||||
|
? tCommon("loading")
|
||||||
|
: t("cancelSubscriptionConfirm")}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,18 +1,44 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useTranslations } from "next-intl";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Visual treatment per phase. Each entry is a Tailwind class string
|
||||||
|
* applied to the badge. The `Pending` style is also used as a fallback
|
||||||
|
* for unknown phases — it's the most neutral colour.
|
||||||
|
*
|
||||||
|
* Slice 7 / Bug 31 added `Suspended`. It uses an amber-on-muted scheme
|
||||||
|
* to read as "intentionally paused" — distinct from `Error` (red) and
|
||||||
|
* `Deleting` (mute grey).
|
||||||
|
*/
|
||||||
const phaseStyles: Record<string, string> = {
|
const phaseStyles: Record<string, string> = {
|
||||||
Running:
|
Running: "bg-success/10 text-success border-success/20",
|
||||||
"bg-success/10 text-success border-success/20",
|
Ready: "bg-success/10 text-success border-success/20",
|
||||||
Provisioning:
|
Provisioning: "bg-warning/10 text-warning border-warning/20",
|
||||||
"bg-warning/10 text-warning border-warning/20",
|
// Reconfiguring shares the warning palette (yellow pulse) but renders
|
||||||
Pending:
|
// a distinct label, so customers see it differently from first-time
|
||||||
"bg-text-muted/10 text-text-secondary border-border",
|
// provisioning. Useful when packages or channel-users change and the
|
||||||
Error:
|
// pod restarts mid-life.
|
||||||
"bg-error/10 text-error border-error/20",
|
Reconfiguring: "bg-warning/10 text-warning border-warning/20",
|
||||||
Deleting:
|
Pending: "bg-text-muted/10 text-text-secondary border-border",
|
||||||
"bg-text-muted/10 text-text-muted border-border",
|
Suspended: "bg-amber-500/10 text-amber-400 border-amber-500/30",
|
||||||
|
Error: "bg-error/10 text-error border-error/20",
|
||||||
|
Deleting: "bg-text-muted/10 text-text-muted border-border",
|
||||||
};
|
};
|
||||||
|
|
||||||
export function StatusBadge({ phase }: { phase: string }) {
|
export function StatusBadge({ phase }: { phase: string }) {
|
||||||
|
const t = useTranslations("phase");
|
||||||
const style = phaseStyles[phase] ?? phaseStyles.Pending;
|
const style = phaseStyles[phase] ?? phaseStyles.Pending;
|
||||||
|
// Translation lookup with fallback to the raw phase. Keeps things
|
||||||
|
// working if a new operator-side phase ships before the portal has
|
||||||
|
// a label for it.
|
||||||
|
const label = (() => {
|
||||||
|
try {
|
||||||
|
return t(phase);
|
||||||
|
} catch {
|
||||||
|
return phase;
|
||||||
|
}
|
||||||
|
})();
|
||||||
return (
|
return (
|
||||||
<span
|
<span
|
||||||
className={`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium ${style}`}
|
className={`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium ${style}`}
|
||||||
@@ -23,7 +49,10 @@ export function StatusBadge({ phase }: { phase: string }) {
|
|||||||
{phase === "Provisioning" && (
|
{phase === "Provisioning" && (
|
||||||
<span className="status-pulse h-1.5 w-1.5 rounded-full bg-warning" />
|
<span className="status-pulse h-1.5 w-1.5 rounded-full bg-warning" />
|
||||||
)}
|
)}
|
||||||
{phase}
|
{phase === "Reconfiguring" && (
|
||||||
|
<span className="status-pulse h-1.5 w-1.5 rounded-full bg-warning" />
|
||||||
|
)}
|
||||||
|
{label}
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
121
src/lib/db.ts
121
src/lib/db.ts
@@ -1,5 +1,5 @@
|
|||||||
import { Pool } from "pg";
|
import { Pool } from "pg";
|
||||||
import type { TenantRequest, TenantRequestStatus } from "@/types";
|
import type { BillingAddress, TenantRequest, TenantRequestStatus } from "@/types";
|
||||||
import { listTenants, getTenant } from "./k8s";
|
import { listTenants, getTenant } from "./k8s";
|
||||||
|
|
||||||
// ---------------------------------------------------------------------------
|
// ---------------------------------------------------------------------------
|
||||||
@@ -72,6 +72,11 @@ const MIGRATION_SQL = `
|
|||||||
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS agents_md TEXT;
|
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS agents_md TEXT;
|
||||||
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS instance_name TEXT;
|
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS instance_name TEXT;
|
||||||
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS is_personal BOOLEAN NOT NULL DEFAULT FALSE;
|
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS is_personal BOOLEAN NOT NULL DEFAULT FALSE;
|
||||||
|
-- Bug 13: customer-side dismissal of rejected requests. NULL means "still
|
||||||
|
-- visible on the dashboard"; non-null means "customer clicked Dismiss".
|
||||||
|
-- Pending/approved/active rows keep this NULL by definition — the field
|
||||||
|
-- is only meaningful for rejected and cancelled rows.
|
||||||
|
ALTER TABLE tenant_requests ADD COLUMN IF NOT EXISTS dismissed_at TIMESTAMPTZ;
|
||||||
|
|
||||||
-- Slice 3: drop the legacy 1-org-1-request constraint if it exists
|
-- Slice 3: drop the legacy 1-org-1-request constraint if it exists
|
||||||
ALTER TABLE tenant_requests DROP CONSTRAINT IF EXISTS tenant_requests_zitadel_org_id_key;
|
ALTER TABLE tenant_requests DROP CONSTRAINT IF EXISTS tenant_requests_zitadel_org_id_key;
|
||||||
@@ -250,10 +255,21 @@ export async function listTenantRequestsByOrgId(
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* As {@link listTenantRequestsByOrgId} but excludes terminal-failed states
|
* As {@link listTenantRequestsByOrgId} but tuned for the customer's
|
||||||
* (rejected, deleted). Useful for the dashboard which wants to show
|
* dashboard view.
|
||||||
* pending/approved/provisioning/active tenants and pending requests, not
|
*
|
||||||
* historical rejections.
|
* Returns:
|
||||||
|
* - All non-terminal rows (pending, approved, provisioning, active),
|
||||||
|
* because the customer needs to see what's in flight.
|
||||||
|
* - Terminal-failed rows (rejected, cancelled) that the customer
|
||||||
|
* hasn't dismissed yet (Bug 13). Without this, a rejection that
|
||||||
|
* happens while the customer isn't online would only be
|
||||||
|
* communicated by email — easy to miss.
|
||||||
|
*
|
||||||
|
* Excludes:
|
||||||
|
* - `deleted` rows (admin tore down the tenant — historical, not
|
||||||
|
* actionable).
|
||||||
|
* - Dismissed rejected/cancelled rows.
|
||||||
*/
|
*/
|
||||||
export async function listActiveTenantRequestsByOrgId(
|
export async function listActiveTenantRequestsByOrgId(
|
||||||
orgId: string
|
orgId: string
|
||||||
@@ -262,7 +278,8 @@ export async function listActiveTenantRequestsByOrgId(
|
|||||||
const result = await getPool().query<TenantRequest>(
|
const result = await getPool().query<TenantRequest>(
|
||||||
`SELECT * FROM tenant_requests
|
`SELECT * FROM tenant_requests
|
||||||
WHERE zitadel_org_id = $1
|
WHERE zitadel_org_id = $1
|
||||||
AND status NOT IN ('deleted', 'rejected')
|
AND status <> 'deleted'
|
||||||
|
AND (status NOT IN ('rejected', 'cancelled') OR dismissed_at IS NULL)
|
||||||
ORDER BY created_at DESC`,
|
ORDER BY created_at DESC`,
|
||||||
[orgId]
|
[orgId]
|
||||||
);
|
);
|
||||||
@@ -354,6 +371,96 @@ export async function clearEncryptedSecrets(requestId: string): Promise<void> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Set dismissed_at = now() on a request row. Used when a customer
|
||||||
|
* clicks "Dismiss" on a rejected/cancelled card on their dashboard
|
||||||
|
* (Bug 13). The row stays in the database for history/audit but
|
||||||
|
* stops appearing in `listActiveTenantRequestsByOrgId`.
|
||||||
|
*
|
||||||
|
* Idempotent: dismissing an already-dismissed row is a no-op.
|
||||||
|
* Caller is responsible for verifying the row belongs to the user's
|
||||||
|
* org before calling.
|
||||||
|
*/
|
||||||
|
export async function dismissTenantRequest(id: string): Promise<void> {
|
||||||
|
await ensureSchema();
|
||||||
|
await getPool().query(
|
||||||
|
`UPDATE tenant_requests
|
||||||
|
SET dismissed_at = COALESCE(dismissed_at, now()),
|
||||||
|
updated_at = now()
|
||||||
|
WHERE id = $1`,
|
||||||
|
[id]
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Update editable fields of a still-pending tenant request. Bug 6 — a
|
||||||
|
* customer who notices a typo or wants to add a package after submitting
|
||||||
|
* the wizard should be able to fix it without admin involvement.
|
||||||
|
*
|
||||||
|
* Only the customer-input fields are updateable. `status`, `tenant_name`,
|
||||||
|
* `admin_notes`, `encrypted_secrets`, `is_personal`, `zitadel_*` and
|
||||||
|
* timestamps are managed elsewhere and intentionally not here.
|
||||||
|
*
|
||||||
|
* The caller is responsible for:
|
||||||
|
* - verifying the row belongs to the user's org
|
||||||
|
* - verifying status === 'pending' (editing approved/provisioning rows
|
||||||
|
* would race against the operator)
|
||||||
|
*
|
||||||
|
* Returns the updated row, or null if the id didn't match anything.
|
||||||
|
*/
|
||||||
|
export async function updateTenantRequestEditableFields(
|
||||||
|
id: string,
|
||||||
|
fields: {
|
||||||
|
instanceName?: string | null;
|
||||||
|
agentName?: string;
|
||||||
|
soulMd?: string;
|
||||||
|
agentsMd?: string | null;
|
||||||
|
packages?: string[];
|
||||||
|
billingAddress?: BillingAddress;
|
||||||
|
billingNotes?: string;
|
||||||
|
encryptedSecrets?: Buffer | null;
|
||||||
|
}
|
||||||
|
): Promise<TenantRequest | null> {
|
||||||
|
await ensureSchema();
|
||||||
|
|
||||||
|
const sets: string[] = ["updated_at = now()"];
|
||||||
|
const values: any[] = [id];
|
||||||
|
let idx = 2;
|
||||||
|
|
||||||
|
// Map JS field names to SQL columns. Each entry is gated on
|
||||||
|
// `!== undefined` so passing only some fields just updates those.
|
||||||
|
const colMap: Array<[keyof typeof fields, string]> = [
|
||||||
|
["instanceName", "instance_name"],
|
||||||
|
["agentName", "agent_name"],
|
||||||
|
["soulMd", "soul_md"],
|
||||||
|
["agentsMd", "agents_md"],
|
||||||
|
["packages", "packages"],
|
||||||
|
["billingAddress", "billing_address"],
|
||||||
|
["billingNotes", "billing_notes"],
|
||||||
|
["encryptedSecrets", "encrypted_secrets"],
|
||||||
|
];
|
||||||
|
for (const [jsField, sqlCol] of colMap) {
|
||||||
|
const v = fields[jsField];
|
||||||
|
if (v === undefined) continue;
|
||||||
|
sets.push(`${sqlCol} = $${idx}`);
|
||||||
|
values.push(v);
|
||||||
|
idx++;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (sets.length === 1) {
|
||||||
|
// No editable fields supplied — return the row unchanged rather
|
||||||
|
// than running a useless UPDATE that just bumps updated_at.
|
||||||
|
const cur = await getTenantRequestById(id);
|
||||||
|
return cur;
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await getPool().query<TenantRequest>(
|
||||||
|
`UPDATE tenant_requests SET ${sets.join(", ")} WHERE id = $1 RETURNING *`,
|
||||||
|
values
|
||||||
|
);
|
||||||
|
return result.rows[0] ? mapRow(result.rows[0]) : null;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Wrapper around domain-check.ts that injects the portal's connection pool.
|
* Wrapper around domain-check.ts that injects the portal's connection pool.
|
||||||
* Kept here so route handlers don't need direct access to the pool.
|
* Kept here so route handlers don't need direct access to the pool.
|
||||||
@@ -446,6 +553,8 @@ function mapRow(row: any): TenantRequest {
|
|||||||
tenantName: row.tenant_name,
|
tenantName: row.tenant_name,
|
||||||
encryptedSecrets: row.encrypted_secrets ?? null,
|
encryptedSecrets: row.encrypted_secrets ?? null,
|
||||||
isPersonal: row.is_personal ?? false,
|
isPersonal: row.is_personal ?? false,
|
||||||
|
dismissedAt:
|
||||||
|
row.dismissed_at?.toISOString?.() ?? row.dismissed_at ?? null,
|
||||||
createdAt: row.created_at?.toISOString?.() ?? row.created_at,
|
createdAt: row.created_at?.toISOString?.() ?? row.created_at,
|
||||||
updatedAt: row.updated_at?.toISOString?.() ?? row.updated_at,
|
updatedAt: row.updated_at?.toISOString?.() ?? row.updated_at,
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -30,12 +30,52 @@ export const SUPPORTED_COUNTRIES = ["CH", "DE", "AT", "FR", "IT", "LI"] as const
|
|||||||
export type SupportedCountry = (typeof SUPPORTED_COUNTRIES)[number];
|
export type SupportedCountry = (typeof SUPPORTED_COUNTRIES)[number];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Billing address — every field required at minimum non-empty length.
|
* Country-specific postal-code patterns. Bug 33: previously a postal
|
||||||
* Postal code rules vary too much across DACH+ to enforce a single
|
* code could be anything (e.g. "abc"), which broke invoicing.
|
||||||
* regex usefully; we settle for "non-empty, ≤ 12 chars". Country is a
|
*
|
||||||
* fixed enum to prevent free-text typos that break invoicing.
|
* Patterns are deliberately conservative — they reject obviously wrong
|
||||||
|
* input but don't try to be exhaustive valid-range checkers (e.g. CH
|
||||||
|
* codes are 1000-9999 in practice but \d{4} accepts 0000; the post
|
||||||
|
* office will reject downstream if it matters). If a future country
|
||||||
|
* has multi-format codes (e.g. UK postcodes with the inner-outer
|
||||||
|
* structure), add it as a regex here rather than trying to fit
|
||||||
|
* every country into the same shape.
|
||||||
*/
|
*/
|
||||||
export const billingAddressSchema = z.object({
|
const POSTAL_CODE_PATTERNS: Record<SupportedCountry, RegExp> = {
|
||||||
|
CH: /^\d{4}$/,
|
||||||
|
DE: /^\d{5}$/,
|
||||||
|
AT: /^\d{4}$/,
|
||||||
|
FR: /^\d{5}$/,
|
||||||
|
IT: /^\d{5}$/,
|
||||||
|
LI: /^\d{4}$/,
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Postal-code expectation in human terms — used in error messages so
|
||||||
|
* the user gets a useful hint ("expected 4 digits") rather than just
|
||||||
|
* a regex failure. Keep in sync with POSTAL_CODE_PATTERNS.
|
||||||
|
*/
|
||||||
|
const POSTAL_CODE_HINTS: Record<SupportedCountry, string> = {
|
||||||
|
CH: "4 digits",
|
||||||
|
DE: "5 digits",
|
||||||
|
AT: "4 digits",
|
||||||
|
FR: "5 digits",
|
||||||
|
IT: "5 digits",
|
||||||
|
LI: "4 digits",
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Billing address — every field required at minimum non-empty length.
|
||||||
|
* Postal code is validated against the chosen country (Bug 33). Country
|
||||||
|
* is a fixed enum to prevent free-text typos that break invoicing.
|
||||||
|
*
|
||||||
|
* `superRefine` is the right hook here because we need to look at two
|
||||||
|
* fields (country + postalCode) together. The error path is set on
|
||||||
|
* `postalCode` so the wizard renders the inline error under the right
|
||||||
|
* input rather than at the form root.
|
||||||
|
*/
|
||||||
|
export const billingAddressSchema = z
|
||||||
|
.object({
|
||||||
// Company line is structurally optional — personal accounts leave it
|
// Company line is structurally optional — personal accounts leave it
|
||||||
// empty by design (Bug 2). Server-side, the wizard's UI hides the
|
// empty by design (Bug 2). Server-side, the wizard's UI hides the
|
||||||
// field for personals; the schema just doesn't require it.
|
// field for personals; the schema just doesn't require it.
|
||||||
@@ -46,6 +86,16 @@ export const billingAddressSchema = z.object({
|
|||||||
country: z.enum(SUPPORTED_COUNTRIES, {
|
country: z.enum(SUPPORTED_COUNTRIES, {
|
||||||
message: "Please choose a country from the list",
|
message: "Please choose a country from the list",
|
||||||
}),
|
}),
|
||||||
|
})
|
||||||
|
.superRefine((data, ctx) => {
|
||||||
|
const pattern = POSTAL_CODE_PATTERNS[data.country];
|
||||||
|
if (!pattern.test(data.postalCode)) {
|
||||||
|
ctx.addIssue({
|
||||||
|
code: "custom",
|
||||||
|
path: ["postalCode"],
|
||||||
|
message: `Invalid postal code (expected ${POSTAL_CODE_HINTS[data.country]})`,
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
export type BillingAddressInput = z.infer<typeof billingAddressSchema>;
|
export type BillingAddressInput = z.infer<typeof billingAddressSchema>;
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
"button": "Weiter mit ZITADEL",
|
"button": "Weiter mit ZITADEL",
|
||||||
"footer": "On-Premises gehostet in der Schweiz",
|
"footer": "On-Premises gehostet in der Schweiz",
|
||||||
"noAccount": "Noch kein Konto?",
|
"noAccount": "Noch kein Konto?",
|
||||||
"register": "Firma registrieren"
|
"register": "Konto erstellen"
|
||||||
},
|
},
|
||||||
"register": {
|
"register": {
|
||||||
"title": "Konto erstellen",
|
"title": "Konto erstellen",
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
"individualHint": "Aktivieren Sie diese Option, wenn Sie sich nicht im Namen eines Unternehmens registrieren. Ihr Konto wird als persönlicher Arbeitsbereich eingerichtet.",
|
"individualHint": "Aktivieren Sie diese Option, wenn Sie sich nicht im Namen eines Unternehmens registrieren. Ihr Konto wird als persönlicher Arbeitsbereich eingerichtet.",
|
||||||
"accountTypeLabel": "Kontotyp",
|
"accountTypeLabel": "Kontotyp",
|
||||||
"personalCardTitle": "Privat",
|
"personalCardTitle": "Privat",
|
||||||
"personalCardDescription": "Für Sie persönlich, ohne Firma.",
|
"personalCardDescription": "Für Sie persönlich.",
|
||||||
"companyCardTitle": "Unternehmen",
|
"companyCardTitle": "Unternehmen",
|
||||||
"companyCardDescription": "Für Ihr Unternehmen oder Team."
|
"companyCardDescription": "Für Ihr Unternehmen oder Team."
|
||||||
},
|
},
|
||||||
@@ -100,7 +100,21 @@
|
|||||||
"reviewInstanceDefault": "(Standard — verwendet Firmenname)",
|
"reviewInstanceDefault": "(Standard — verwendet Firmenname)",
|
||||||
"reviewNoPackages": "Keine ausgewählt",
|
"reviewNoPackages": "Keine ausgewählt",
|
||||||
"reviewBillingTo": "Rechnungsempfänger",
|
"reviewBillingTo": "Rechnungsempfänger",
|
||||||
"reviewContactEmail": "Kontakt-E-Mail"
|
"reviewContactEmail": "Kontakt-E-Mail",
|
||||||
|
"editRequestTitle": "Anfrage bearbeiten",
|
||||||
|
"editRequestDescription": "Passen Sie die Konfiguration an, bevor unser Team sie prüft.",
|
||||||
|
"editRequest": "Bearbeiten",
|
||||||
|
"cancelRequest": "Anfrage stornieren",
|
||||||
|
"cancelRequestConfirm": "Ja, Anfrage stornieren",
|
||||||
|
"cancelConfirmRequestTitle": "Diese Anfrage stornieren?",
|
||||||
|
"cancelConfirmRequestDescription": "Ihre ausstehende Anfrage wird als storniert markiert und aus der Warteschlange entfernt. Sie können jederzeit eine neue Anfrage einreichen.",
|
||||||
|
"cancelFailed": "Anfrage konnte nicht storniert werden.",
|
||||||
|
"cancelledTitle": "Anfrage storniert",
|
||||||
|
"cancelledDescription": "Sie haben diese Anfrage vor der Bearbeitung storniert. Es wurde keine Instanz erstellt.",
|
||||||
|
"dismiss": "Ausblenden",
|
||||||
|
"dismissFailed": "Konnte nicht ausgeblendet werden.",
|
||||||
|
"rejectionReason": "Angegebener Grund",
|
||||||
|
"saveChanges": "Änderungen speichern"
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
"title": "Dashboard",
|
"title": "Dashboard",
|
||||||
@@ -129,7 +143,21 @@
|
|||||||
"notFound": "Tenant nicht gefunden.",
|
"notFound": "Tenant nicht gefunden.",
|
||||||
"usage": "Nutzung & Kosten",
|
"usage": "Nutzung & Kosten",
|
||||||
"provisioned": "Bereitgestellt",
|
"provisioned": "Bereitgestellt",
|
||||||
"assignedUsers": "Zugewiesene Benutzer"
|
"assignedUsers": "Zugewiesene Benutzer",
|
||||||
|
"subscriptionTitle": "Abonnement",
|
||||||
|
"subscriptionDescriptionActive": "Kündigen Sie Ihr Abonnement, wenn Sie diesen Assistenten nicht mehr benötigen. Ihre Daten bleiben erhalten und Sie können jederzeit wieder aktivieren.",
|
||||||
|
"subscriptionDescriptionSuspended": "Ihr Abonnement ist gekündigt. Aktivieren Sie es wieder, um den Assistenten online zu bringen.",
|
||||||
|
"cancelSubscription": "Abonnement kündigen",
|
||||||
|
"cancelSubscriptionConfirm": "Ja, kündigen",
|
||||||
|
"resumeSubscription": "Abonnement reaktivieren",
|
||||||
|
"cancelConfirmTitle": "Dieses Abonnement kündigen?",
|
||||||
|
"cancelConfirmDescription": "Ihr Assistent wird nicht mehr verfügbar sein. Sie können jederzeit reaktivieren — Ihre Daten bleiben erhalten.",
|
||||||
|
"cancelConfirmBullet1": "Workspace-Dateien (SOUL.md, AGENTS.md) bleiben erhalten",
|
||||||
|
"cancelConfirmBullet2": "Paket-Anmeldedaten bleiben gespeichert",
|
||||||
|
"cancelConfirmBullet3": "Rechnungsdaten bleiben gespeichert",
|
||||||
|
"subscriptionUpdateFailed": "Abonnement konnte nicht aktualisiert werden.",
|
||||||
|
"suspendedTitle": "Abonnement gekündigt",
|
||||||
|
"suspendedDescription": "Ihr Assistent ist pausiert. Konfiguration und Daten bleiben erhalten. Verwenden Sie die Reaktivierungs-Schaltfläche unten auf dieser Seite, um ihn wieder online zu bringen."
|
||||||
},
|
},
|
||||||
"usage": {
|
"usage": {
|
||||||
"inputTokens": "Input-Tokens",
|
"inputTokens": "Input-Tokens",
|
||||||
@@ -323,5 +351,15 @@
|
|||||||
"FR": "Frankreich",
|
"FR": "Frankreich",
|
||||||
"IT": "Italien",
|
"IT": "Italien",
|
||||||
"LI": "Liechtenstein"
|
"LI": "Liechtenstein"
|
||||||
|
},
|
||||||
|
"phase": {
|
||||||
|
"Pending": "Ausstehend",
|
||||||
|
"Provisioning": "Wird bereitgestellt",
|
||||||
|
"Running": "Aktiv",
|
||||||
|
"Ready": "Bereit",
|
||||||
|
"Suspended": "Pausiert",
|
||||||
|
"Error": "Fehler",
|
||||||
|
"Deleting": "Wird gelöscht",
|
||||||
|
"Reconfiguring": "Wird neu konfiguriert"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
"button": "Continue with ZITADEL",
|
"button": "Continue with ZITADEL",
|
||||||
"footer": "Hosted on-premises in Switzerland",
|
"footer": "Hosted on-premises in Switzerland",
|
||||||
"noAccount": "No account yet?",
|
"noAccount": "No account yet?",
|
||||||
"register": "Register your company"
|
"register": "Create an account"
|
||||||
},
|
},
|
||||||
"register": {
|
"register": {
|
||||||
"title": "Create your account",
|
"title": "Create your account",
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
"individualHint": "Tick this if you're not registering on behalf of a company. Your account will be set up as a personal workspace.",
|
"individualHint": "Tick this if you're not registering on behalf of a company. Your account will be set up as a personal workspace.",
|
||||||
"accountTypeLabel": "Account type",
|
"accountTypeLabel": "Account type",
|
||||||
"personalCardTitle": "Personal",
|
"personalCardTitle": "Personal",
|
||||||
"personalCardDescription": "For yourself, no company.",
|
"personalCardDescription": "For yourself.",
|
||||||
"companyCardTitle": "Company",
|
"companyCardTitle": "Company",
|
||||||
"companyCardDescription": "For your business or team."
|
"companyCardDescription": "For your business or team."
|
||||||
},
|
},
|
||||||
@@ -100,7 +100,21 @@
|
|||||||
"reviewInstanceDefault": "(default — uses company name)",
|
"reviewInstanceDefault": "(default — uses company name)",
|
||||||
"reviewNoPackages": "None selected",
|
"reviewNoPackages": "None selected",
|
||||||
"reviewBillingTo": "Billing to",
|
"reviewBillingTo": "Billing to",
|
||||||
"reviewContactEmail": "Contact email"
|
"reviewContactEmail": "Contact email",
|
||||||
|
"editRequestTitle": "Edit your request",
|
||||||
|
"editRequestDescription": "Adjust the configuration before our team reviews it.",
|
||||||
|
"editRequest": "Edit",
|
||||||
|
"cancelRequest": "Cancel request",
|
||||||
|
"cancelRequestConfirm": "Yes, cancel request",
|
||||||
|
"cancelConfirmRequestTitle": "Cancel this request?",
|
||||||
|
"cancelConfirmRequestDescription": "Your pending request will be marked as cancelled and removed from the review queue. You can submit a new request at any time.",
|
||||||
|
"cancelFailed": "Could not cancel request.",
|
||||||
|
"cancelledTitle": "Request cancelled",
|
||||||
|
"cancelledDescription": "You cancelled this request before it was processed. No instance was created.",
|
||||||
|
"dismiss": "Dismiss",
|
||||||
|
"dismissFailed": "Could not dismiss.",
|
||||||
|
"rejectionReason": "Reason given",
|
||||||
|
"saveChanges": "Save changes"
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
"title": "Dashboard",
|
"title": "Dashboard",
|
||||||
@@ -129,7 +143,21 @@
|
|||||||
"notFound": "Tenant not found.",
|
"notFound": "Tenant not found.",
|
||||||
"usage": "Usage & Spend",
|
"usage": "Usage & Spend",
|
||||||
"provisioned": "Provisioned",
|
"provisioned": "Provisioned",
|
||||||
"assignedUsers": "Assigned users"
|
"assignedUsers": "Assigned users",
|
||||||
|
"subscriptionTitle": "Subscription",
|
||||||
|
"subscriptionDescriptionActive": "Cancel your subscription if you no longer need this assistant. Your data will be preserved and you can resume anytime.",
|
||||||
|
"subscriptionDescriptionSuspended": "Your subscription is cancelled. Resume to bring the assistant back online.",
|
||||||
|
"cancelSubscription": "Cancel subscription",
|
||||||
|
"cancelSubscriptionConfirm": "Yes, cancel",
|
||||||
|
"resumeSubscription": "Resume subscription",
|
||||||
|
"cancelConfirmTitle": "Cancel this subscription?",
|
||||||
|
"cancelConfirmDescription": "Your assistant will become unavailable. You can resume anytime — your data is preserved.",
|
||||||
|
"cancelConfirmBullet1": "Workspace files (SOUL.md, AGENTS.md) are kept",
|
||||||
|
"cancelConfirmBullet2": "Package credentials remain stored",
|
||||||
|
"cancelConfirmBullet3": "Billing information is kept on file",
|
||||||
|
"subscriptionUpdateFailed": "Could not update subscription.",
|
||||||
|
"suspendedTitle": "Subscription cancelled",
|
||||||
|
"suspendedDescription": "Your assistant is paused. Configuration and data are preserved. Use the Resume control at the bottom of this page to bring it back online."
|
||||||
},
|
},
|
||||||
"usage": {
|
"usage": {
|
||||||
"inputTokens": "Input Tokens",
|
"inputTokens": "Input Tokens",
|
||||||
@@ -323,5 +351,15 @@
|
|||||||
"FR": "France",
|
"FR": "France",
|
||||||
"IT": "Italy",
|
"IT": "Italy",
|
||||||
"LI": "Liechtenstein"
|
"LI": "Liechtenstein"
|
||||||
|
},
|
||||||
|
"phase": {
|
||||||
|
"Pending": "Pending",
|
||||||
|
"Provisioning": "Provisioning",
|
||||||
|
"Running": "Running",
|
||||||
|
"Ready": "Ready",
|
||||||
|
"Suspended": "Suspended",
|
||||||
|
"Error": "Error",
|
||||||
|
"Deleting": "Deleting",
|
||||||
|
"Reconfiguring": "Reconfiguring"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
"button": "Continuer avec ZITADEL",
|
"button": "Continuer avec ZITADEL",
|
||||||
"footer": "Hébergé on-premises en Suisse",
|
"footer": "Hébergé on-premises en Suisse",
|
||||||
"noAccount": "Pas encore de compte ?",
|
"noAccount": "Pas encore de compte ?",
|
||||||
"register": "Enregistrer votre entreprise"
|
"register": "Créer un compte"
|
||||||
},
|
},
|
||||||
"register": {
|
"register": {
|
||||||
"title": "Créer votre compte",
|
"title": "Créer votre compte",
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
"individualHint": "Cochez cette case si vous ne vous inscrivez pas au nom d'une entreprise. Votre compte sera configuré comme espace de travail personnel.",
|
"individualHint": "Cochez cette case si vous ne vous inscrivez pas au nom d'une entreprise. Votre compte sera configuré comme espace de travail personnel.",
|
||||||
"accountTypeLabel": "Type de compte",
|
"accountTypeLabel": "Type de compte",
|
||||||
"personalCardTitle": "Particulier",
|
"personalCardTitle": "Particulier",
|
||||||
"personalCardDescription": "Pour vous, sans entreprise.",
|
"personalCardDescription": "Pour vous.",
|
||||||
"companyCardTitle": "Entreprise",
|
"companyCardTitle": "Entreprise",
|
||||||
"companyCardDescription": "Pour votre entreprise ou équipe."
|
"companyCardDescription": "Pour votre entreprise ou équipe."
|
||||||
},
|
},
|
||||||
@@ -100,7 +100,21 @@
|
|||||||
"reviewInstanceDefault": "(par défaut — utilise le nom de l'entreprise)",
|
"reviewInstanceDefault": "(par défaut — utilise le nom de l'entreprise)",
|
||||||
"reviewNoPackages": "Aucun sélectionné",
|
"reviewNoPackages": "Aucun sélectionné",
|
||||||
"reviewBillingTo": "Facturer à",
|
"reviewBillingTo": "Facturer à",
|
||||||
"reviewContactEmail": "E-mail de contact"
|
"reviewContactEmail": "E-mail de contact",
|
||||||
|
"editRequestTitle": "Modifier votre demande",
|
||||||
|
"editRequestDescription": "Ajustez la configuration avant que notre équipe ne l'examine.",
|
||||||
|
"editRequest": "Modifier",
|
||||||
|
"cancelRequest": "Annuler la demande",
|
||||||
|
"cancelRequestConfirm": "Oui, annuler la demande",
|
||||||
|
"cancelConfirmRequestTitle": "Annuler cette demande ?",
|
||||||
|
"cancelConfirmRequestDescription": "Votre demande en attente sera marquée comme annulée et retirée de la file. Vous pouvez soumettre une nouvelle demande à tout moment.",
|
||||||
|
"cancelFailed": "Impossible d'annuler la demande.",
|
||||||
|
"cancelledTitle": "Demande annulée",
|
||||||
|
"cancelledDescription": "Vous avez annulé cette demande avant son traitement. Aucune instance n'a été créée.",
|
||||||
|
"dismiss": "Masquer",
|
||||||
|
"dismissFailed": "Impossible de masquer.",
|
||||||
|
"rejectionReason": "Motif indiqué",
|
||||||
|
"saveChanges": "Enregistrer les modifications"
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
"title": "Tableau de bord",
|
"title": "Tableau de bord",
|
||||||
@@ -129,7 +143,21 @@
|
|||||||
"notFound": "Locataire non trouvé.",
|
"notFound": "Locataire non trouvé.",
|
||||||
"usage": "Utilisation et coûts",
|
"usage": "Utilisation et coûts",
|
||||||
"provisioned": "Provisionné",
|
"provisioned": "Provisionné",
|
||||||
"assignedUsers": "Utilisateurs attribués"
|
"assignedUsers": "Utilisateurs attribués",
|
||||||
|
"subscriptionTitle": "Abonnement",
|
||||||
|
"subscriptionDescriptionActive": "Annulez votre abonnement si vous n'avez plus besoin de cet assistant. Vos données seront conservées et vous pourrez reprendre à tout moment.",
|
||||||
|
"subscriptionDescriptionSuspended": "Votre abonnement est annulé. Reprenez pour remettre l'assistant en ligne.",
|
||||||
|
"cancelSubscription": "Annuler l'abonnement",
|
||||||
|
"cancelSubscriptionConfirm": "Oui, annuler",
|
||||||
|
"resumeSubscription": "Reprendre l'abonnement",
|
||||||
|
"cancelConfirmTitle": "Annuler cet abonnement ?",
|
||||||
|
"cancelConfirmDescription": "Votre assistant sera indisponible. Vous pouvez reprendre à tout moment — vos données sont préservées.",
|
||||||
|
"cancelConfirmBullet1": "Les fichiers de l'espace de travail (SOUL.md, AGENTS.md) sont conservés",
|
||||||
|
"cancelConfirmBullet2": "Les identifiants des packages restent stockés",
|
||||||
|
"cancelConfirmBullet3": "Les informations de facturation sont conservées",
|
||||||
|
"subscriptionUpdateFailed": "Impossible de mettre à jour l'abonnement.",
|
||||||
|
"suspendedTitle": "Abonnement annulé",
|
||||||
|
"suspendedDescription": "Votre assistant est en pause. La configuration et les données sont préservées. Utilisez le contrôle Reprendre en bas de cette page pour le remettre en ligne."
|
||||||
},
|
},
|
||||||
"usage": {
|
"usage": {
|
||||||
"inputTokens": "Tokens d'entrée",
|
"inputTokens": "Tokens d'entrée",
|
||||||
@@ -323,5 +351,15 @@
|
|||||||
"FR": "France",
|
"FR": "France",
|
||||||
"IT": "Italie",
|
"IT": "Italie",
|
||||||
"LI": "Liechtenstein"
|
"LI": "Liechtenstein"
|
||||||
|
},
|
||||||
|
"phase": {
|
||||||
|
"Pending": "En attente",
|
||||||
|
"Provisioning": "Mise en service",
|
||||||
|
"Running": "Actif",
|
||||||
|
"Ready": "Prêt",
|
||||||
|
"Suspended": "Suspendu",
|
||||||
|
"Error": "Erreur",
|
||||||
|
"Deleting": "Suppression",
|
||||||
|
"Reconfiguring": "Reconfiguration"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
"button": "Continua con ZITADEL",
|
"button": "Continua con ZITADEL",
|
||||||
"footer": "Ospitato on-premises in Svizzera",
|
"footer": "Ospitato on-premises in Svizzera",
|
||||||
"noAccount": "Non hai ancora un account?",
|
"noAccount": "Non hai ancora un account?",
|
||||||
"register": "Registra la tua azienda"
|
"register": "Crea un account"
|
||||||
},
|
},
|
||||||
"register": {
|
"register": {
|
||||||
"title": "Crea il tuo account",
|
"title": "Crea il tuo account",
|
||||||
@@ -41,7 +41,7 @@
|
|||||||
"individualHint": "Seleziona questa opzione se non ti stai registrando per conto di un'azienda. Il tuo account sarà configurato come area di lavoro personale.",
|
"individualHint": "Seleziona questa opzione se non ti stai registrando per conto di un'azienda. Il tuo account sarà configurato come area di lavoro personale.",
|
||||||
"accountTypeLabel": "Tipo di account",
|
"accountTypeLabel": "Tipo di account",
|
||||||
"personalCardTitle": "Privato",
|
"personalCardTitle": "Privato",
|
||||||
"personalCardDescription": "Per lei, senza azienda.",
|
"personalCardDescription": "Per lei.",
|
||||||
"companyCardTitle": "Azienda",
|
"companyCardTitle": "Azienda",
|
||||||
"companyCardDescription": "Per la sua azienda o team."
|
"companyCardDescription": "Per la sua azienda o team."
|
||||||
},
|
},
|
||||||
@@ -100,7 +100,21 @@
|
|||||||
"reviewInstanceDefault": "(predefinito — usa il nome dell'azienda)",
|
"reviewInstanceDefault": "(predefinito — usa il nome dell'azienda)",
|
||||||
"reviewNoPackages": "Nessuno selezionato",
|
"reviewNoPackages": "Nessuno selezionato",
|
||||||
"reviewBillingTo": "Fatturare a",
|
"reviewBillingTo": "Fatturare a",
|
||||||
"reviewContactEmail": "Email di contatto"
|
"reviewContactEmail": "Email di contatto",
|
||||||
|
"editRequestTitle": "Modifica la sua richiesta",
|
||||||
|
"editRequestDescription": "Modifichi la configurazione prima che il nostro team la esamini.",
|
||||||
|
"editRequest": "Modifica",
|
||||||
|
"cancelRequest": "Annulla richiesta",
|
||||||
|
"cancelRequestConfirm": "Sì, annulla la richiesta",
|
||||||
|
"cancelConfirmRequestTitle": "Annullare questa richiesta?",
|
||||||
|
"cancelConfirmRequestDescription": "La sua richiesta in attesa sarà contrassegnata come annullata e rimossa dalla coda di revisione. Può inviare una nuova richiesta in qualsiasi momento.",
|
||||||
|
"cancelFailed": "Impossibile annullare la richiesta.",
|
||||||
|
"cancelledTitle": "Richiesta annullata",
|
||||||
|
"cancelledDescription": "Lei ha annullato questa richiesta prima dell'elaborazione. Nessuna istanza è stata creata.",
|
||||||
|
"dismiss": "Nascondi",
|
||||||
|
"dismissFailed": "Impossibile nascondere.",
|
||||||
|
"rejectionReason": "Motivo indicato",
|
||||||
|
"saveChanges": "Salva modifiche"
|
||||||
},
|
},
|
||||||
"dashboard": {
|
"dashboard": {
|
||||||
"title": "Dashboard",
|
"title": "Dashboard",
|
||||||
@@ -129,7 +143,21 @@
|
|||||||
"notFound": "Tenant non trovato.",
|
"notFound": "Tenant non trovato.",
|
||||||
"usage": "Utilizzo e costi",
|
"usage": "Utilizzo e costi",
|
||||||
"provisioned": "Attivato",
|
"provisioned": "Attivato",
|
||||||
"assignedUsers": "Utenti assegnati"
|
"assignedUsers": "Utenti assegnati",
|
||||||
|
"subscriptionTitle": "Abbonamento",
|
||||||
|
"subscriptionDescriptionActive": "Annulli il suo abbonamento se non ha più bisogno di questo assistente. I suoi dati saranno preservati e potrà riprendere in qualsiasi momento.",
|
||||||
|
"subscriptionDescriptionSuspended": "Il suo abbonamento è annullato. Riprenda per riportare l'assistente online.",
|
||||||
|
"cancelSubscription": "Annulla abbonamento",
|
||||||
|
"cancelSubscriptionConfirm": "Sì, annulla",
|
||||||
|
"resumeSubscription": "Riprendi abbonamento",
|
||||||
|
"cancelConfirmTitle": "Annullare questo abbonamento?",
|
||||||
|
"cancelConfirmDescription": "Il suo assistente diventerà non disponibile. Può riprendere in qualsiasi momento — i suoi dati sono preservati.",
|
||||||
|
"cancelConfirmBullet1": "I file del workspace (SOUL.md, AGENTS.md) sono mantenuti",
|
||||||
|
"cancelConfirmBullet2": "Le credenziali dei pacchetti rimangono memorizzate",
|
||||||
|
"cancelConfirmBullet3": "Le informazioni di fatturazione sono mantenute",
|
||||||
|
"subscriptionUpdateFailed": "Impossibile aggiornare l'abbonamento.",
|
||||||
|
"suspendedTitle": "Abbonamento annullato",
|
||||||
|
"suspendedDescription": "Il suo assistente è in pausa. Configurazione e dati sono preservati. Usi il controllo Riprendi in fondo a questa pagina per riportarlo online."
|
||||||
},
|
},
|
||||||
"usage": {
|
"usage": {
|
||||||
"inputTokens": "Token di input",
|
"inputTokens": "Token di input",
|
||||||
@@ -323,5 +351,15 @@
|
|||||||
"FR": "Francia",
|
"FR": "Francia",
|
||||||
"IT": "Italia",
|
"IT": "Italia",
|
||||||
"LI": "Liechtenstein"
|
"LI": "Liechtenstein"
|
||||||
|
},
|
||||||
|
"phase": {
|
||||||
|
"Pending": "In attesa",
|
||||||
|
"Provisioning": "In provisioning",
|
||||||
|
"Running": "Attivo",
|
||||||
|
"Ready": "Pronto",
|
||||||
|
"Suspended": "Sospeso",
|
||||||
|
"Error": "Errore",
|
||||||
|
"Deleting": "Eliminazione",
|
||||||
|
"Reconfiguring": "Riconfigurazione"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -78,7 +78,15 @@ export interface PiecedTenantSpec {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export interface PiecedTenantStatus {
|
export interface PiecedTenantStatus {
|
||||||
phase: "Pending" | "Provisioning" | "Running" | "Ready" | "Error" | "Deleting";
|
phase:
|
||||||
|
| "Pending"
|
||||||
|
| "Provisioning"
|
||||||
|
| "Running"
|
||||||
|
| "Ready"
|
||||||
|
| "Reconfiguring"
|
||||||
|
| "Suspended"
|
||||||
|
| "Error"
|
||||||
|
| "Deleting";
|
||||||
message?: string;
|
message?: string;
|
||||||
observedGeneration?: number;
|
observedGeneration?: number;
|
||||||
/**
|
/**
|
||||||
@@ -162,6 +170,7 @@ export type TenantRequestStatus =
|
|||||||
| "provisioning" // PiecedTenant CR created, operator reconciling
|
| "provisioning" // PiecedTenant CR created, operator reconciling
|
||||||
| "active" // Tenant running
|
| "active" // Tenant running
|
||||||
| "rejected" // Admin rejected
|
| "rejected" // Admin rejected
|
||||||
|
| "cancelled" // Customer cancelled before admin acted on it (Bug 6)
|
||||||
| "deleted"; // Tenant was deleted by admin
|
| "deleted"; // Tenant was deleted by admin
|
||||||
|
|
||||||
export interface TenantRequest {
|
export interface TenantRequest {
|
||||||
@@ -195,6 +204,14 @@ export interface TenantRequest {
|
|||||||
* domain-uniqueness check on subsequent registrations.
|
* domain-uniqueness check on subsequent registrations.
|
||||||
*/
|
*/
|
||||||
isPersonal?: boolean;
|
isPersonal?: boolean;
|
||||||
|
/**
|
||||||
|
* Bug 13: when set, the customer has explicitly dismissed a rejected
|
||||||
|
* request from their dashboard. Used by `listActiveTenantRequestsByOrgId`
|
||||||
|
* to keep showing rejected rows until they're dismissed (so a customer
|
||||||
|
* who wasn't online when the rejection happened still sees it on next
|
||||||
|
* login). Always null for non-rejected statuses.
|
||||||
|
*/
|
||||||
|
dismissedAt?: string | null;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
updatedAt: string;
|
updatedAt: string;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user