-
-
Sign in
-
Sign in to the HomeCloud console with your IAM user name and password.
+
+
+
+
+
Sign in to HomeCloud
+
Use your IAM user name and password.
+
+
-
- Forgot the root password? Run homecloud serve --reset-root-password
-
+
+
+ First run? The root password is printed once in the server log.
+
+
+ Forgot it? Run{" "}
+ homecloud serve --reset-root-password
+
+
)
}
+
+function ThemeButton() {
+ const { resolvedTheme, setTheme } = useTheme()
+ const [mounted, setMounted] = useState(false)
+ useEffect(() => setMounted(true), [])
+ const dark = !mounted || resolvedTheme === "dark"
+ return (
+
+ )
+}
diff --git a/console/components/acm/ca-panel.tsx b/console/components/acm/ca-panel.tsx
index 13fa3226..babfd9f2 100644
--- a/console/components/acm/ca-panel.tsx
+++ b/console/components/acm/ca-panel.tsx
@@ -5,6 +5,7 @@ import { ChevronDown, Download, ShieldCheck } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible"
+import { CodeBlock } from "@/components/console/code-block"
import { CopyButton } from "@/components/console/copy-button"
import { ErrorState } from "@/components/console/error-state"
import { KeyValueGrid } from "@/components/console/key-value"
@@ -67,14 +68,11 @@ export function PrivateCaPanel({ className }: { className?: string }) {
How to trust the CA
-
+
{STEPS.map((s) => (
- -
- {s.os}
-
-
{s.cmd}
-
-
+ -
+ {s.os}
+
))}
diff --git a/console/components/acm/certificate-detail.tsx b/console/components/acm/certificate-detail.tsx
index 6e84ee76..7a8a3f7f 100644
--- a/console/components/acm/certificate-detail.tsx
+++ b/console/components/acm/certificate-detail.tsx
@@ -7,8 +7,9 @@ import { toast } from "sonner"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { Button } from "@/components/ui/button"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
-import { CopyButton, CopyableText } from "@/components/console/copy-button"
+import { ActionsMenu } from "@/components/console/actions-menu"
+import { CodeBlock } from "@/components/console/code-block"
+import { CopyableText } from "@/components/console/copy-button"
import { EmptyState } from "@/components/console/empty-state"
import { ErrorState } from "@/components/console/error-state"
import { KeyValueGrid } from "@/components/console/key-value"
@@ -16,6 +17,7 @@ import { DetailSkeleton } from "@/components/console/loading"
import { PageHeader } from "@/components/console/page-header"
import { Section } from "@/components/console/section"
import { StatusBadge } from "@/components/console/status-badge"
+import { Tag } from "@/components/console/tag"
import { TagList } from "@/components/console/tags-editor"
import { TimeAgo } from "@/components/console/time-ago"
import { ApiError, api, errorMessage, seg } from "@/lib/api"
@@ -55,14 +57,13 @@ function PemBlock({ title, pem, filename }: { title: string; pem: string; filena
title={title}
actions={
<>
-
}
>
-
{pem}
+
)
}
@@ -120,11 +121,6 @@ export function CertificateDetail() {
}
}
- const deleteButton = (
-
- )
return (
@@ -143,30 +139,32 @@ export function CertificateDetail() {
+
,
+ destructive: true,
+ disabled: inUse,
+ hint: inUse ? "In use by a load balancer listener. Remove the listener or switch it to another certificate first." : undefined,
+ onSelect: () => setDeleting(true),
+ },
+ ]}
+ />
{c.type === "PRIVATE" && (
-